uiのドキュメント化共有に便利そう
https://storybook.js.org/docs/get-started/frameworks/react-webpack5?renderer=react
decorators
Storybookのデコレータ（decorators）は、ストーリーに共通のラッパーを追加して、共通のスタイルや設定を適用するために使用されます。デコレータを使用することで、各ストーリーの描画方法を統一したり、共通のレイアウトやスタイルを適用することができます。
デコレータの用途
- スタイルやレイアウトの統一
- グローバルな状態やコンテキストの提供
- 共通のラッパーやコンポーネントの追加
メモ
- tsだとpreviewの設定ファイル周りうまくいかなかったからtsxにした docorator周りでjsxを使うから
- bootstrapスタイル適用
previw.tsx
- import 'bootstrap/dist/css/bootstrap.min.css';
reactでstoryのdecorator部分でエラーが出る場合tsではなくtsxにしないといけなかった