Fjordline

Creating new reusable components

To add a new component you have to add a folder and two files:

• src/components/[Component]
  • index.tsx
  • index.stories.tsx

In order for the component to show in storybook you have to add the following line to src/index.ts

export { default as [Component] } from './components/[Component]'

For your convenience there is a script that does this for you.

yarn new [Component]

The script can also be used to make several components at once:

yarn new Checkbox Toggle Modal