-
Notifications
You must be signed in to change notification settings - Fork 1
/
divider.stories.tsx
53 lines (47 loc) · 1.02 KB
/
divider.stories.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
import { decoratorsTemplate } from '@/storylite/decorators'
import { Story } from '@storylite/storylite'
import Divider from './divider'
import Docs from './divider.docs.mdx'
type StoryType = Story<typeof Divider>
type StoryDocsType = Story<typeof Docs>
export default {
title: 'Divider',
component: Divider,
args: {
orientation: 'horizontal',
label: undefined,
},
} satisfies StoryType
export const Main: StoryDocsType = {
name: 'Docs',
component: Docs,
decorators: decoratorsTemplate(true),
navigation: {
icon: <span>📄</span>,
order: 0,
},
}
export const DefaultStory: StoryType = {
name: 'Default',
}
export const Vertical: StoryType = {
name: 'Vertical',
args: {
orientation: 'vertical',
},
decorators: [
(Story, context) => {
return (
<div className="story-wrapper">
Text <Story {...context?.args} /> Text
</div>
)
},
],
}
export const WithLabel: StoryType = {
args: {
label: 'Label',
},
decorators: decoratorsTemplate(true),
}