エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
[CSS in JS] styled関数で拡張したコンポーネントの命名ルールを考える
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
[CSS in JS] styled関数で拡張したコンポーネントの命名ルールを考える
styled関数とはこの記事でstyled関数は、CSS in JSライブラリ(Styled ComponentsやEmotionなど)で提供... styled関数とはこの記事でstyled関数は、CSS in JSライブラリ(Styled ComponentsやEmotionなど)で提供される関数を指す。styled関数は、Reactコンポーネントに対してスタイルを適用する目的で使用される。 styled関数の基本的な使用法は、引数にHTMLタグ名を渡し、テンプレートリテラルもしくはオブジェクトスタイル記法を用いてCSSのルールを記述する。 例として、div要素にスタイルを適用する場合のコードは以下のようになる。 // template literal const StyledDiv = styled.div` background-color: black; color: white; padding: 20px; `; // or // object style const StyledDiv = styled.div({ ba