diff --git a/packages/web/stories/OnboardingLayout.stories.tsx b/packages/web/stories/OnboardingLayout.stories.tsx index 641e594a0..e801feaaa 100644 --- a/packages/web/stories/OnboardingLayout.stories.tsx +++ b/packages/web/stories/OnboardingLayout.stories.tsx @@ -1,44 +1,44 @@ -import { ComponentStory, ComponentMeta } from '@storybook/react' -import { OnboardingLayout } from '../components/templates/OnboardingLayout' - -export default { - title: 'Components/OnboardingLayout', - component: OnboardingLayout, - argTypes: { - pageNumber: { - description: 'The current page number of the onboarding process', - }, - title: { - description: 'The title of the current onboading screen', - }, - subTitle: { - description: 'The subtitle of the current onboading screen', - }, - description: { - description: 'The description of the current onboading screen', - }, - children: { - description: 'The right column on the page', - }, - image: { - description: 'The image on the left column on the page', - }, - nextPage: { - description: 'The link to which the user is sent when next button is pressed' - } - }, -} as ComponentMeta - -const Template: ComponentStory = (args) => ( - {args.children} -) - -export const OnboardingLayoutStory = Template.bind({}) -OnboardingLayoutStory.args = { - pageNumber: 2, - title: 'Save links to read later', - subTitle: - 'Save any link to your library using our apps and browser extensions', - description: 'Install our apps and browser extensions', - children:
This is where the child is rendered.
-} +import { ComponentStory, ComponentMeta } from '@storybook/react' +import { OnboardingLayout } from '../components/templates/OnboardingLayout' + +export default { + title: 'Components/OnboardingLayout', + component: OnboardingLayout, + argTypes: { + pageNumber: { + description: 'The current page number of the onboarding process', + }, + title: { + description: 'The title of the current onboading screen', + }, + subTitle: { + description: 'The subtitle of the current onboading screen', + }, + description: { + description: 'The description of the current onboading screen', + }, + children: { + description: 'The right column on the page', + }, + image: { + description: 'The image on the left column on the page', + }, + nextPage: { + description: 'The link to which the user is sent when next button is pressed' + } + }, +} as ComponentMeta + +const Template: ComponentStory = (args) => ( + {args.children} +) + +export const OnboardingLayoutStory = Template.bind({}) +OnboardingLayoutStory.args = { + pageNumber: 2, + title: 'Save links to read later', + subTitle: + 'Save any link to your library using our apps and browser extensions', + description: 'Install our apps and browser extensions', + children:
This is where the child is rendered.
+}