aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/organisms/widgets/links-widget/links-widget.stories.tsx
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/organisms/widgets/links-widget/links-widget.stories.tsx
parent4e4d2eb25365be861e19f9756cf334ba2faa6911 (diff)
refactor(stories): migrate stories to CSF3 format
Diffstat (limited to 'src/components/organisms/widgets/links-widget/links-widget.stories.tsx')
-rw-r--r--src/components/organisms/widgets/links-widget/links-widget.stories.tsx72
1 files changed, 26 insertions, 46 deletions
diff --git a/src/components/organisms/widgets/links-widget/links-widget.stories.tsx b/src/components/organisms/widgets/links-widget/links-widget.stories.tsx
index 3a0b027..738278a 100644
--- a/src/components/organisms/widgets/links-widget/links-widget.stories.tsx
+++ b/src/components/organisms/widgets/links-widget/links-widget.stories.tsx
@@ -1,31 +1,15 @@
-import type { ComponentMeta, ComponentStory } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
import { Heading } from '../../../atoms';
import { LinksWidget, type LinksWidgetItemData } from './links-widget';
-/**
- * LinksWidget - Storybook Meta
- */
-export default {
- title: 'Organisms/Widgets/Links',
+const meta = {
component: LinksWidget,
- args: {
- isOrdered: false,
- },
- argTypes: {
- items: {
- description: 'The links data.',
- type: {
- name: 'object',
- required: true,
- value: {},
- },
- },
- },
-} as ComponentMeta<typeof LinksWidget>;
+ title: 'Organisms/Widgets/Links',
+} satisfies Meta<typeof LinksWidget>;
-const Template: ComponentStory<typeof LinksWidget> = (args) => (
- <LinksWidget {...args} />
-);
+export default meta;
+
+type Story = StoryObj<typeof meta>;
const items = [
{ id: 'item11', label: 'Level 1: Item 1', url: '#' },
@@ -52,29 +36,25 @@ const items = [
{ id: 'item14', label: 'Level 1: Item 4', url: '#' },
] satisfies LinksWidgetItemData[];
-/**
- * Links List Widget Stories - Unordered
- */
-export const Unordered = Template.bind({});
-Unordered.args = {
- heading: (
- <Heading isFake level={3}>
- Quo et totam
- </Heading>
- ),
- items,
+export const Unordered: Story = {
+ args: {
+ heading: (
+ <Heading isFake level={3}>
+ Quo et totam
+ </Heading>
+ ),
+ items,
+ },
};
-/**
- * Links List Widget Stories - Ordered
- */
-export const Ordered = Template.bind({});
-Ordered.args = {
- heading: (
- <Heading isFake level={3}>
- Quo et totam
- </Heading>
- ),
- isOrdered: true,
- items,
+export const Ordered: Story = {
+ args: {
+ heading: (
+ <Heading isFake level={3}>
+ Quo et totam
+ </Heading>
+ ),
+ isOrdered: true,
+ items,
+ },
};