# ドキュメント

- [はじめに](/docs): デザイントークンと React コンポーネントのセット。コードをコピーして使う
- [導入する](/docs/install): 3つの深さから選ぶ。トークンだけでも動く
- [テーマの切り替え](/docs/theme): ライトモードとダークモードをどう切り替えるか
- コンポーネント
  - [Accordion](/docs/components/accordion): アコーディオン。見出しを押して中身を開く。長い内容を畳んでおける
  - [Card](/docs/components/card): カード。内容をひとまとまりに見せる
  - [Button](/docs/components/button): ボタン。押して操作を実行する。リンクにも差し替えられる
  - [Badge](/docs/components/badge): バッジ。状態や分類を短い語で示す
  - [List](/docs/components/list): 項目を縦に並べる。区切り線も付けられる
  - [Breadcrumb](/docs/components/breadcrumb): パンくずリスト。いまいる場所と、そこまでの階層を示す
  - [Alert](/docs/components/alert): アラート。その場に残る通知で、読んだあとも消えない
  - [Calendar](/docs/components/calendar): カレンダー。単一の日付・期間・複数日のいずれでも選べる
  - [Carousel](/docs/components/carousel): カルーセル。横に並べて順に見せる。写真や紹介に使う
  - [Tabs](/docs/components/tabs): タブ。同じ場所で中身を切り替える
  - [Modal](/docs/components/modal): モーダルダイアログ。画面を覆って、応答するまで先へ進ませない
  - [Toast](/docs/components/toast): トースト。作業を止めずに短く伝え、しばらくすると消える
  - [Separator](/docs/components/separator): 区切り線。話題やまとまりの切れ目を示す
  - [Icon](/docs/components/icon): アイコンを1つ置く。大きさは決まった候補から選ぶ
  - [Spinner](/docs/components/spinner): 処理中であることを示す。読み込みや送信のあいだ出す
  - [Table](/docs/components/table): テーブル。横にはみ出しても読める
  - [Form](/docs/components/form): 入力をまとめて送る。送信中の二重送信も防ぐ
  - [Field](/docs/components/field): ラベル・説明・誤りを、入力ひとつにまとめる
  - [Input](/docs/components/input): 1行の入力欄。誤りをその場で示せる
  - [PasswordInput](/docs/components/password-input): パスワードの入力欄。入力した文字を表示して確認できる
  - [Textarea](/docs/components/textarea): 複数行の入力欄。長い文章を書く
  - [Checkbox](/docs/components/checkbox): チェックボックス。オンとオフを選ぶ。複数を同時に選べる
  - [Switch](/docs/components/switch): スイッチ。押した瞬間にオンとオフが切り替わる
  - [Radio](/docs/components/radio): ラジオボタン。複数の選択肢から1つだけ選ぶ
  - [Select](/docs/components/select): セレクトボックス。一覧から1つ選ぶ