aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/molecules/layout/meta.stories.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/molecules/layout/meta.stories.tsx')
-rw-r--r--src/components/molecules/layout/meta.stories.tsx34
1 files changed, 15 insertions, 19 deletions
diff --git a/src/components/molecules/layout/meta.stories.tsx b/src/components/molecules/layout/meta.stories.tsx
index a1755a0..c33680f 100644
--- a/src/components/molecules/layout/meta.stories.tsx
+++ b/src/components/molecules/layout/meta.stories.tsx
@@ -1,3 +1,5 @@
+import descriptionListItemStories from '@components/atoms/lists/description-list-item.stories';
+import descriptionListStories from '@components/atoms/lists/description-list.stories';
import { ComponentMeta, ComponentStory } from '@storybook/react';
import MetaComponent, { MetaData } from './meta';
@@ -7,7 +9,12 @@ import MetaComponent, { MetaData } from './meta';
export default {
title: 'Molecules/Layout',
component: MetaComponent,
+ args: {
+ itemsLayout: 'inline-values',
+ withSeparator: false,
+ },
argTypes: {
+ className: descriptionListStories.argTypes?.className,
data: {
description: 'The page metadata.',
type: {
@@ -16,34 +23,23 @@ export default {
value: {},
},
},
+ groupClassName: descriptionListStories.argTypes?.groupClassName,
itemsLayout: {
- control: {
- type: 'select',
- },
- description: 'The items layout.',
- options: ['inline', 'inline-values', 'stacked'],
+ ...descriptionListItemStories.argTypes?.layout,
table: {
- category: 'Options',
+ ...descriptionListItemStories.argTypes?.layout?.table,
defaultValue: { summary: 'inline-values' },
},
- type: {
- name: 'string',
- required: false,
- },
},
+ labelClassName: descriptionListStories.argTypes?.labelClassName,
+ layout: descriptionListStories.argTypes?.layout,
+ valueClassName: descriptionListStories.argTypes?.valueClassName,
withSeparator: {
- control: {
- type: 'boolean',
- },
- description: 'Add a slash as separator between multiple values.',
+ ...descriptionListStories.argTypes?.withSeparator,
table: {
- category: 'Options',
+ ...descriptionListStories.argTypes?.withSeparator?.table,
defaultValue: { summary: true },
},
- type: {
- name: 'boolean',
- required: true,
- },
},
},
} as ComponentMeta<typeof MetaComponent>;