diff --git a/.storybook/stories/BadgeContainer.stories.js b/.storybook/stories/BadgeContainer.stories.js
new file mode 100644
index 0000000000..734be54ab9
--- /dev/null
+++ b/.storybook/stories/BadgeContainer.stories.js
@@ -0,0 +1,65 @@
+import BadgeContainer from '#src/components/MyKiva/BadgeContainer.vue';
+
+export default {
+ title: 'MyKiva/BadgeContainer',
+ component: BadgeContainer,
+};
+
+const badge = `
+
+`
+
+const story = (args = {}) => {
+ const template = (_args, { argTypes }) => ({
+ props: Object.keys(argTypes),
+ components: { BadgeContainer },
+ setup() { return { args }; },
+ template: `
+
+ ${badge}
+
+ `,
+ });
+ template.args = args;
+ return template;
+};
+
+export const Default = story({name: 'Equity'});
+export const InProgress = story({name: 'Equity', status: 'in-progress'});
diff --git a/src/components/MyKiva/BadgeContainer.vue b/src/components/MyKiva/BadgeContainer.vue
new file mode 100644
index 0000000000..201d1699d2
--- /dev/null
+++ b/src/components/MyKiva/BadgeContainer.vue
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+
+
+