aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/molecules/buttons/back-to-top
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2023-12-15 18:35:16 +0100
committerArmand Philippot <git@armandphilippot.com>2023-12-15 18:49:49 +0100
commit0f936ec0e7606cb79434d94096b6e113a7ce78eb (patch)
tree465ec7f66ac9459be6a18ac046e10357814c7b92 /src/components/molecules/buttons/back-to-top
parent4e4d2eb25365be861e19f9756cf334ba2faa6911 (diff)
refactor(stories): migrate stories to CSF3 format
Diffstat (limited to 'src/components/molecules/buttons/back-to-top')
-rw-r--r--src/components/molecules/buttons/back-to-top/back-to-top.stories.ts18
-rw-r--r--src/components/molecules/buttons/back-to-top/back-to-top.stories.tsx58
2 files changed, 18 insertions, 58 deletions
diff --git a/src/components/molecules/buttons/back-to-top/back-to-top.stories.ts b/src/components/molecules/buttons/back-to-top/back-to-top.stories.ts
new file mode 100644
index 0000000..dddfa18
--- /dev/null
+++ b/src/components/molecules/buttons/back-to-top/back-to-top.stories.ts
@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { BackToTop } from './back-to-top';
+
+const meta = {
+ component: BackToTop,
+ title: 'Molecules/Buttons/BackToTop',
+} satisfies Meta<typeof BackToTop>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Example: Story = {
+ args: {
+ anchor: '#top',
+ label: 'Back to top',
+ },
+};
diff --git a/src/components/molecules/buttons/back-to-top/back-to-top.stories.tsx b/src/components/molecules/buttons/back-to-top/back-to-top.stories.tsx
deleted file mode 100644
index 3abb59d..0000000
--- a/src/components/molecules/buttons/back-to-top/back-to-top.stories.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import type { ComponentMeta, ComponentStory } from '@storybook/react';
-import { BackToTop as BackToTopComponent } from './back-to-top';
-
-/**
- * BackToTop - Storybook Meta
- */
-export default {
- title: 'Molecules/Buttons',
- component: BackToTopComponent,
- argTypes: {
- anchor: {
- control: {
- type: 'text',
- },
- description: 'An element id with leading hashtag to use as anchor.',
- type: {
- name: 'string',
- required: true,
- },
- },
- className: {
- control: {
- type: 'text',
- },
- description: 'Set additional classnames to the button wrapper.',
- table: {
- category: 'Styles',
- },
- type: {
- name: 'string',
- required: false,
- },
- },
- label: {
- control: {
- type: 'text',
- },
- description: 'An accessible name for the button.',
- type: {
- name: 'string',
- required: true,
- },
- },
- },
-} as ComponentMeta<typeof BackToTopComponent>;
-
-const Template: ComponentStory<typeof BackToTopComponent> = (args) => (
- <BackToTopComponent {...args} />
-);
-
-/**
- * Buttons Stories - Back to top
- */
-export const BackToTop = Template.bind({});
-BackToTop.args = {
- anchor: '#top',
- label: 'Back to top',
-};