From 88555bfcf9486ec13fb984942cf165918e4f3b8a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Herv=C3=A9=20Dombya?= <135591453+hervedombya@users.noreply.github.com> Date: Thu, 9 Nov 2023 15:50:30 +0100 Subject: [PATCH] Add padding to Stepper component and update Storybook metadata. --- .../components/steppers/Stepper.component.tsx | 2 +- stories/stepper.stories.tsx | 24 ++++++++++++------- 2 files changed, 17 insertions(+), 9 deletions(-) diff --git a/src/lib/components/steppers/Stepper.component.tsx b/src/lib/components/steppers/Stepper.component.tsx index fa6e42a597..547ddcc13c 100644 --- a/src/lib/components/steppers/Stepper.component.tsx +++ b/src/lib/components/steppers/Stepper.component.tsx @@ -64,7 +64,7 @@ export const Stepper = ({ return ( - + { diff --git a/stories/stepper.stories.tsx b/stories/stepper.stories.tsx index 8d64cc8066..2ca1667cbd 100644 --- a/stories/stepper.stories.tsx +++ b/stories/stepper.stories.tsx @@ -9,12 +9,7 @@ import { Stack } from '../src/lib/spacing'; import { Button } from '../src/lib/components/buttonv2/Buttonv2.component'; import { Text } from '../src/lib/components/text/Text.component'; import { Wrapper as StoryWrapper } from './common'; - -export default { - title: 'Components/Progress & loading/Steppers', - component: Stepper, - decorators: [(story) => {story()}], -}; +import type { Meta, StoryObj } from '@storybook/react'; const Wrapper = styled.div` display: flex; @@ -111,6 +106,19 @@ enum StepIndexes { Step3, } -export const SimpleStepper = ({}) => { - return ; +const meta: Meta = { + tags: ['autodocs'], + title: 'Components/Stepper', + component: Stepper, +}; +export default meta; + +type Story = StoryObj; +export const SimpleStepper: Story = { + name: 'Simple Stepper', + render: () => ( + + + + ), };