👓
RSCSS 日本語訳
  • Introduction
  • コンポーネント（Components）
    • コンポーネント について
    • エレメント（Elements）
    • バリアント（Variants）
    • ネストされたコンポーネント (Nested Components)
    • レイアウト（Layouts）
    • ヘルパー（Helpers）
  • 構造（Structure）
    • CSS Structure
  • 付記
    • 落とし穴
    • 懸念点
    • リソース
  • 要約
  • 外部リソース
    • 翻訳
Powered by GitBook
On this page

Was this helpful?

  1. コンポーネント（Components）

コンポーネント について

PreviousIntroductionNextエレメント（Elements）

Last updated 5 years ago

Was this helpful?

コンポーネントについて考えるために、まずUIにそれぞれの要素を「コンポーネント」として考えてみてください.

コンポーネントの命名規則

コンポーネントは少なくとも2語必要です。それぞれの単語はダッシュ（ - ）で区切られます。

例えば:

  • いいねボタン（.like-button）

  • 検索フォーム（.search-form）

  • ニュース記事カード(.article-card)

  • ネームスペース付きコンポーネント（.rico-custom-header）

どうやったら正しくコンポーネントを書けるでしょうか？次のElementsで学んでみましょう.

Continue →
.search-formというコンポーネント (component)