各カードのプレビューで実物を確認できます。左サイドナビ、またはカードをクリックして各ページへ移動してください。
イントロダクション
MCP
AI コーディングツールへの導入方法
WCAG 2.2 AAA
WCAG 2.2 全 86 基準 × デザインシステム担保の対応表
evals
AI 生成の定期健康診断とスコアの定点観測
Releases
各バージョンの変更点の要約とリリースノートへのリンク
Foundations
コンポーネント
variant × theme × size × state
アイコンのみのボタン
ラベル
必須
フォーム項目ラベル + バッジ
単一行テキスト入力
検索フィールド + クリア / 送信
セレクト / ドロップダウン
複数行入力 + 文字カウンター
チェックボックス + nested
ラジオボタン + group
トグル可能なチップ
タブバー (solid / line)
| Item | Name |
|---|---|
| 1 | Container |
| 2 | Header |
項目名が上の比較テーブル
| キー | 値 |
|---|---|
| キー | 値 |
キー / バリュー テーブル
カード
本文が入ります
コンテナ (header / body / footer)
バッジ
ステータス / ラベルバッジ
お知らせ
info / success / warning / negative
chevron 区切りの階層ナビ
縦型のナビ / アクションメニュー
ページ送りナビゲーション
- 入力
- 2 確認
- 3 完了
複数ステップの進捗表示
タイトル
最前面に重ねる確認ダイアログ
補足テキスト
ホバー / フォーカスで出る補足の吹き出し
ON/OFF を即時に切り替えるスイッチ
コンテンツ領域を標準幅に整えるラッパー