Story Book

Install Storybook | Storybook docsStorybook

API

스토리북 이름 변경

Small.storyName = 'Small Input'

import React from 'react'
import Input from './Input'

export default {
  title: 'Form/Input',
  component: Input,
}

export const Small = () => <Input size="small" placeholder="Small size" />
export const Medium = () => <Input size="medium" placeholder="Medium size" />
export const Large = () => <Input size="large" placeholder="Large size" />

Small.storyName = 'Small Input'

오류

스토리북을 사용하다 보면 오류가 생기는 경우가 있다. 이 경우 아래 명령어를 사용해서 설치해 주면 된다.

npx --legacy-peer-deps sb init  

참고

• StoryBook을 이용한 컴포넌트 단위 개발 - 사용하면서 느낀 장단점들