aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/atoms/lists/description-list-item.stories.tsx
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2023-09-20 16:38:54 +0200
committerArmand Philippot <git@armandphilippot.com>2023-09-20 16:38:54 +0200
commitf861e6a269ba9f62700776d3cd13b644a9e836d4 (patch)
treea5a107e7a6e4ff8b4261fe04349357bc00b783ee /src/components/atoms/lists/description-list-item.stories.tsx
parent03331c44276ec56e9f235e4d5ee75030455a753f (diff)
refactor: use named export for everything except pages
Next expect a default export for pages so only those components should use default exports. Everything else should use named exports to reduce the number of import statements.
Diffstat (limited to 'src/components/atoms/lists/description-list-item.stories.tsx')
-rw-r--r--src/components/atoms/lists/description-list-item.stories.tsx132
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,
-};