diff options
Diffstat (limited to 'src/components/molecules/forms/ackee-select.stories.tsx')
| -rw-r--r-- | src/components/molecules/forms/ackee-select.stories.tsx | 71 |
1 files changed, 71 insertions, 0 deletions
diff --git a/src/components/molecules/forms/ackee-select.stories.tsx b/src/components/molecules/forms/ackee-select.stories.tsx new file mode 100644 index 0000000..6b42b71 --- /dev/null +++ b/src/components/molecules/forms/ackee-select.stories.tsx @@ -0,0 +1,71 @@ +import { ComponentMeta, ComponentStory } from '@storybook/react'; +import AckeeSelect from './ackee-select'; + +/** + * AckeeSelect - Storybook Meta + */ +export default { + title: 'Molecules/Forms/Select', + component: AckeeSelect, + argTypes: { + initialValue: { + control: { + type: 'select', + }, + description: 'Initial selected option.', + options: ['full', 'partial'], + type: { + name: 'string', + required: true, + }, + }, + labelClassName: { + control: { + type: 'text', + }, + description: 'Set additional classnames to the label wrapper.', + table: { + category: 'Styles', + }, + type: { + name: 'string', + required: false, + }, + }, + storageKey: { + control: { + type: 'text', + }, + description: 'Set Ackee settings local storage key.', + type: { + name: 'string', + required: true, + }, + }, + tooltipClassName: { + control: { + type: 'text', + }, + description: 'Set additional classnames to the tooltip wrapper.', + table: { + category: 'Styles', + }, + type: { + name: 'string', + required: false, + }, + }, + }, +} as ComponentMeta<typeof AckeeSelect>; + +const Template: ComponentStory<typeof AckeeSelect> = (args) => ( + <AckeeSelect {...args} /> +); + +/** + * Select Stories - Ackee select + */ +export const Ackee = Template.bind({}); +Ackee.args = { + initialValue: 'full', +}; |
