diff options
Diffstat (limited to 'src/components/atoms/lists/description-list-item.stories.tsx')
| -rw-r--r-- | src/components/atoms/lists/description-list-item.stories.tsx | 132 | 
1 files changed, 0 insertions, 132 deletions
diff --git a/src/components/atoms/lists/description-list-item.stories.tsx b/src/components/atoms/lists/description-list-item.stories.tsx deleted file mode 100644 index c7beb0d..0000000 --- a/src/components/atoms/lists/description-list-item.stories.tsx +++ /dev/null @@ -1,132 +0,0 @@ -import { ComponentMeta, ComponentStory } from '@storybook/react'; -import DescriptionListItemComponent from './description-list-item'; - -export default { -  title: 'Atoms/Typography/Lists/DescriptionList/Item', -  component: DescriptionListItemComponent, -  args: { -    layout: 'stacked', -    withSeparator: false, -  }, -  argTypes: { -    className: { -      control: { -        type: 'text', -      }, -      description: 'Set additional classnames to the list item wrapper.', -      table: { -        category: 'Styles', -      }, -      type: { -        name: 'string', -        required: false, -      }, -    }, -    descriptionClassName: { -      control: { -        type: 'text', -      }, -      description: 'Set additional classnames to the list item description.', -      table: { -        category: 'Styles', -      }, -      type: { -        name: 'string', -        required: false, -      }, -    }, -    label: { -      control: { -        type: 'text', -      }, -      description: 'The item label.', -      type: { -        name: 'string', -        required: true, -      }, -    }, -    layout: { -      control: { -        type: 'select', -      }, -      description: 'The item layout.', -      options: ['inline', 'inline-values', 'stacked'], -      table: { -        category: 'Options', -        defaultValue: { summary: 'stacked' }, -      }, -      type: { -        name: 'string', -        required: false, -      }, -    }, -    termClassName: { -      control: { -        type: 'text', -      }, -      description: 'Set additional classnames to the list item term.', -      table: { -        category: 'Styles', -      }, -      type: { -        name: 'string', -        required: false, -      }, -    }, -    value: { -      description: 'The item value.', -      type: { -        name: 'object', -        required: true, -        value: {}, -      }, -    }, -    withSeparator: { -      control: { -        type: 'boolean', -      }, -      description: 'Add a slash as separator between multiple values.', -      table: { -        category: 'Options', -        defaultValue: { summary: false }, -      }, -      type: { -        name: 'boolean', -        required: false, -      }, -    }, -  }, -} as ComponentMeta<typeof DescriptionListItemComponent>; - -const Template: ComponentStory<typeof DescriptionListItemComponent> = ( -  args -) => <DescriptionListItemComponent {...args} />; - -export const SingleValueStacked = Template.bind({}); -SingleValueStacked.args = { -  label: 'Recusandae vitae tenetur', -  value: ['praesentium'], -  layout: 'stacked', -}; - -export const SingleValueInlined = Template.bind({}); -SingleValueInlined.args = { -  label: 'Recusandae vitae tenetur', -  value: ['praesentium'], -  layout: 'inline', -}; - -export const MultipleValuesStacked = Template.bind({}); -MultipleValuesStacked.args = { -  label: 'Recusandae vitae tenetur', -  value: ['praesentium', 'voluptate', 'tempore'], -  layout: 'stacked', -}; - -export const MultipleValuesInlined = Template.bind({}); -MultipleValuesInlined.args = { -  label: 'Recusandae vitae tenetur', -  value: ['praesentium', 'voluptate', 'tempore'], -  layout: 'inline-values', -  withSeparator: true, -};  | 
