![](https://cdn-ak-scissors.b.st-hatena.com/image/square/5b746892a13f36e80066998da15d2b80370c76c5/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9U3Rvcnlib29rJUUzJTgxJUE3JUUzJTgxJUExJUUzJTgyJTg3JUUzJTgxJUEzJUUzJTgxJUE4JUUzJTgxJTk3JUUzJTgxJTlGJUUzJTgyJUI5JUUzJTgyJUJGJUUzJTgyJUE0JUUzJTgzJUFCJUUzJTgyJTkyJUU1JUJEJTkzJUUzJTgxJUE2JUUzJTgxJTlGJUUzJTgxJTg0JUUzJTgxJUE4JUUzJTgxJThEJUUzJTgxJUFGRGVjb3JhdG9ycyVFMyU4MiU5MiVFNCVCRCVCRiVFMyU4MSU4NiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ODI1ZDdiNzAyMDVjMDU1ODQwMzVmYTI0NTM4MzQ1MmI%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTcxNiZ0eHQ9JTQweHJ4b3hjeG94JTIwaW4lMjBRaWl0YSVFNiVBMCVBQSVFNSVCQyU4RiVFNCVCQyU5QSVFNyVBNCVCRSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTMyJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9OWVmNmYzNGI3MTZhYjU1N2IyNGUyOTMzNjliMmZlODI%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D0edd1cdaaef45762a964197bfbc46c26)
エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント1件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Storybookでちょっとしたスタイルを当てたいときはDecoratorsを使う - Qiita
この記事の概要 Storybookを使っている中で「余白を広げたい」「このコンポーネントのときだけ背景色が... この記事の概要 Storybookを使っている中で「余白を広げたい」「このコンポーネントのときだけ背景色が欲しい」といった場面はあると思います。 今回はReact + Storybookで上記を実現する書き方を記事にしました。 また、新人プログラマ応援イベントに投稿する記事でもあります。 Decoratorsとは 公式ドキュメントはこちらです。(左のナビゲーションから、React以外での書き方にも飛べます) マークアップを追加したり、ThemeProviderなどを通じてスタイルを与えたりといった使い方ができます。 理屈の上では複雑なレイアウトやスタイルも当てられますが、まず間違い無くややこしくなります。 あくまで「コンポーネントカタログとして少しだけ見やすくする」ような使い方が良いと思います。
2023/12/30 リンク