diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-09-29 11:47:06 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-10-24 12:25:00 +0200 |
| commit | 81b1e0e05919eb368a66aef47adcf7738af76f29 (patch) | |
| tree | 758577d3f58d7025f84bca5bac9bc0da8432deb7 /src/components/atoms/loaders/spinner.stories.tsx | |
| parent | 3272ac336da52364ace5ed76d8f609d4088ffc06 (diff) | |
refactor(components): rewrite Spinner component
* Message should be set as children
* Default message is no longer available (depending on use case, the
consumer might prefer aria-label instead)
* It is now possible to define the message position
Diffstat (limited to 'src/components/atoms/loaders/spinner.stories.tsx')
| -rw-r--r-- | src/components/atoms/loaders/spinner.stories.tsx | 42 |
1 files changed, 0 insertions, 42 deletions
diff --git a/src/components/atoms/loaders/spinner.stories.tsx b/src/components/atoms/loaders/spinner.stories.tsx deleted file mode 100644 index 197d06c..0000000 --- a/src/components/atoms/loaders/spinner.stories.tsx +++ /dev/null @@ -1,42 +0,0 @@ -import { ComponentMeta, ComponentStory } from '@storybook/react'; -import { Spinner as SpinnerComponent } from './spinner'; - -/** - * Spinner - Storybook Meta - */ -export default { - title: 'Atoms/Loaders/Spinner', - component: SpinnerComponent, - argTypes: { - message: { - control: { - type: 'text', - }, - description: 'Loading message.', - table: { - category: 'Options', - }, - type: { - name: 'string', - required: false, - }, - }, - }, -} as ComponentMeta<typeof SpinnerComponent>; - -const Template: ComponentStory<typeof SpinnerComponent> = (args) => ( - <SpinnerComponent {...args} /> -); - -/** - * Loaders Stories - Default Spinner - */ -export const Spinner = Template.bind({}); - -/** - * Loaders Stories - Spinner with custom message - */ -export const SpinnerCustomMessage = Template.bind({}); -SpinnerCustomMessage.args = { - message: 'Submitting...', -}; |
