hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

tab退避ーStorybook polished styled-components

Storybook

プロダクト間共通の React コンポーネントライブラリを運用する話 – SmartHR Tech Blog

Storybook for React
https://storybook.js.org/docs/guides/guide-react/

Writing Stories
https://storybook.js.org/docs/basics/writing-stories/

StoryBook(React)最初の1歩 – Qiita
https://qiita.com/sugasaki/items/66d260f9602921196b07

polished

Sass(SCSS)の関数をstyled-componentsでも使いたい
https://diff001a.netlify.com/sass-styled-components/

polished | Documentation
https://polished.js.org/docs/#rgba

styled-components

styled-componentsを使ったCSS設計 – Qiita
https://qiita.com/taneba/items/4547830b461d11a69a20#%E5%AE%9A%E6%95%B0%E3%82%92%E7%AE%A1%E7%90%86%E3%81%99%E3%82%8B

Reactでstyled-componentを使ってベースとなるstyleを当てる方法 – Qiita
https://qiita.com/102Design/items/e9f3ede130999d3a1061
テーマや共通cssを使いたかったけどよくわからんかった。

次の記事で書いているようにThemeProviderを読み込む必要があった。

How to use Themes in styled-components – DEV Community 👩‍💻👨‍💻
https://dev.to/aromanarguello/how-to-use-themes-in-styled-components-49h

これでリセットcssと共通のベースcssが読み込めた。


投稿日

カテゴリー:

投稿者:

タグ:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください