aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/atoms/lists/list.stories.tsx
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2022-05-02 18:57:29 +0200
committerArmand Philippot <git@armandphilippot.com>2022-05-03 15:22:24 +0200
commit732d0943f8041d76262222a092b014f2557085ef (patch)
tree16f6f76648b479a9591400ab15bb3e9c914f2226 /src/components/atoms/lists/list.stories.tsx
parentca921d7536cfe950b5a7d442977bbf900b48faf4 (diff)
chore: add homepage
Diffstat (limited to 'src/components/atoms/lists/list.stories.tsx')
-rw-r--r--src/components/atoms/lists/list.stories.tsx13
1 files changed, 11 insertions, 2 deletions
diff --git a/src/components/atoms/lists/list.stories.tsx b/src/components/atoms/lists/list.stories.tsx
index 3a80962..54fdd3a 100644
--- a/src/components/atoms/lists/list.stories.tsx
+++ b/src/components/atoms/lists/list.stories.tsx
@@ -39,8 +39,8 @@ export default {
control: {
type: 'select',
},
- description: 'The list kind: ordered or unordered.',
- options: ['ordered', 'unordered'],
+ description: 'The list kind: flex, ordered or unordered.',
+ options: ['flex', 'ordered', 'unordered'],
table: {
category: 'Options',
defaultValue: { summary: 'unordered' },
@@ -72,6 +72,15 @@ const items: ListItem[] = [
];
/**
+ * List Stories - Flex list
+ */
+export const Flex = Template.bind({});
+Flex.args = {
+ items,
+ kind: 'flex',
+};
+
+/**
* List Stories - Ordered list
*/
export const Ordered = Template.bind({});