Skip to content
This repository was archived by the owner on Sep 20, 2024. It is now read-only.

Commit 6d3a33c

Browse files
committed
feat(badge): added badge storybook
1 parent bb43a0b commit 6d3a33c

File tree

1 file changed

+25
-0
lines changed

1 file changed

+25
-0
lines changed

stories/8-Badge.stories.js

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
import { storiesOf } from '@storybook/vue'
2+
import centered from '@storybook/addon-centered/vue'
3+
import Badge from '../src/components/Badge'
4+
5+
storiesOf('UI | Badge', module)
6+
.addDecorator(centered)
7+
.add('Default Badge', () => ({
8+
components: { Badge },
9+
template: `
10+
<div>
11+
<Badge>Default</Badge>
12+
</div>
13+
`
14+
}))
15+
.add('With color', () => ({
16+
components: { Badge },
17+
template: `
18+
<div>
19+
<Badge mx="2">Default</Badge>
20+
<Badge mx="2" variant-color="green">Success</Badge>
21+
<Badge mx="2" variant-color="red">Removed</Badge>
22+
<Badge mx="2" variant-color="indigo">New</Badge>
23+
</div>
24+
`
25+
}))

0 commit comments

Comments
 (0)