TL;DR
- ChakraUIには
@chakra-ui/storybook-addonという便利なアドオンがある - これを使用するとStorybookで簡単にChakraUIを使用できる
- しかし、ツールバーのテーマボタンは
const {setColorMode} = useColorMode();などが効かない - 解決するには、
.storybook/previre.tsxにChakraProviderを書く
Issue
なんかCloseされているけど解決してないっぽい？
これをしないとハマる例
- jeanverster/chakra-ui-steps: Steps component designed to work seamlessly with Chakra UI
- Storybookでみたときにダークテーマが適用されなくて焦る（経験談）
