Storybook addon-controls 사용하기!
·
Frontend development/Storybook
🤔 Addon-controls 란? 공식문서를 해석해보면, 따로 코드화 작성 없이 동적으로 상호 작용할 수 있는 그래픽 UI를 제공한다고 정의되어 있습니다. 현재 최신 storybook을 설치하면 예제에는 있지만 사용하려면 다운을 받아야 합니다. 해당 글은 react + typescript 기준으로 작성됩니다. 🔨 설치하기 npm i -D @storybook/addon-controls 설치가 끝나면 .storybook/main.js에 addon을 추가해줍니다. //main.js module.exports = { stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'], addons: [ '@storybook/addon-lin..