46 lines
1.1 KiB
TypeScript
46 lines
1.1 KiB
TypeScript
|
import React from 'react'
|
||
|
import { ComponentStory, ComponentMeta } from '@storybook/react'
|
||
|
import { ListItem } from '@shared/atoms/Lists'
|
||
|
|
||
|
export default {
|
||
|
title: 'Component/@shared/atoms/Lists',
|
||
|
component: ListItem
|
||
|
} as ComponentMeta<typeof ListItem>
|
||
|
|
||
|
const Template: ComponentStory<typeof ListItem> = (args) => (
|
||
|
<ListItem {...args} />
|
||
|
)
|
||
|
|
||
|
const items = [
|
||
|
'List item short',
|
||
|
'List item long ipsum dolor sit amet, consectetur adipiscing elit. Mauris aliquam facilisis molestie',
|
||
|
'List item long ipsum dolor sit amet, consectetur adipiscing elit',
|
||
|
'List item short',
|
||
|
'List item long ipsum dolor sit amet, consectetur adipiscing elit. Mauris aliquam facilisis molestie',
|
||
|
'List item long ipsum dolor sit amet, consectetur adipiscing elit'
|
||
|
]
|
||
|
|
||
|
export const Unordered = Template.bind({})
|
||
|
Unordered.decorators = [
|
||
|
() => (
|
||
|
<ul>
|
||
|
{items.map((item, key) => (
|
||
|
<Template key={key}>{item}</Template>
|
||
|
))}
|
||
|
</ul>
|
||
|
)
|
||
|
]
|
||
|
|
||
|
export const Ordered = Template.bind({})
|
||
|
Ordered.decorators = [
|
||
|
() => (
|
||
|
<ol>
|
||
|
{items.map((item, key) => (
|
||
|
<Template ol key={key}>
|
||
|
{item}
|
||
|
</Template>
|
||
|
))}
|
||
|
</ol>
|
||
|
)
|
||
|
]
|