aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/atoms/lists/list.stories.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/atoms/lists/list.stories.tsx')
-rw-r--r--src/components/atoms/lists/list.stories.tsx109
1 files changed, 0 insertions, 109 deletions
diff --git a/src/components/atoms/lists/list.stories.tsx b/src/components/atoms/lists/list.stories.tsx
deleted file mode 100644
index c4f3c3b..0000000
--- a/src/components/atoms/lists/list.stories.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-import { List, type ListItem } from './list';
-
-/**
- * List - Storybook Meta
- */
-export default {
- title: 'Atoms/Typography/Lists',
- component: List,
- args: {
- kind: 'unordered',
- },
- argTypes: {
- className: {
- control: {
- type: 'text',
- },
- description: 'Set additional classnames to the list wrapper',
- table: {
- category: 'Styles',
- },
- type: {
- name: 'string',
- required: false,
- },
- },
- items: {
- control: {
- type: null,
- },
- description: 'The list items.',
- type: {
- name: 'object',
- required: true,
- value: {},
- },
- },
- itemsClassName: {
- control: {
- type: 'text',
- },
- description: 'Set additional classnames to the list items.',
- table: {
- category: 'Styles',
- },
- type: {
- name: 'string',
- required: false,
- },
- },
- kind: {
- control: {
- type: 'select',
- },
- description: 'The list kind: flex, ordered or unordered.',
- options: ['flex', 'ordered', 'unordered'],
- table: {
- category: 'Options',
- defaultValue: { summary: 'unordered' },
- },
- type: {
- name: 'string',
- required: false,
- },
- },
- },
-} as ComponentMeta<typeof List>;
-
-const Template: ComponentStory<typeof List> = (args) => <List {...args} />;
-
-const items: ListItem[] = [
- { id: 'item-1', value: 'Item 1' },
- { id: 'item-2', value: 'Item 2' },
- {
- child: [
- { id: 'nested-item-1', value: 'Nested item 1' },
- { id: 'nested-item-2', value: 'Nested item 2' },
- ],
- id: 'item-3',
- value: 'Item 3',
- },
- { id: 'item-4', value: 'Item 4' },
-];
-
-/**
- * List Stories - Flex list
- */
-export const Flex = Template.bind({});
-Flex.args = {
- items,
- kind: 'flex',
-};
-
-/**
- * List Stories - Ordered list
- */
-export const Ordered = Template.bind({});
-Ordered.args = {
- items,
- kind: 'ordered',
-};
-
-/**
- * List Stories - Unordered list
- */
-export const Unordered = Template.bind({});
-Unordered.args = {
- items,
-};