kata-ui Component Catalog

見出しを操作して、関連する内容を展開・折りたたみします。

現在位置までの階層を示し、上位ページへの移動を支援します。

分割された一覧のページ間を移動する操作領域です。

関連する複数の内容を、キーボード操作可能なタブで切り替えます。

用途別の見た目を持つ操作ボタンです。

複数選択や真偽値の入力に使うチェックボックスです。

ラベルと関連付けられた基本テキスト入力です。

候補から一つを選ぶラジオボタングループです。

候補一覧から値を選択するネイティブselectです。

連続した範囲から値を選択するrange入力です。

設定のオン・オフを切り替えるネイティブ入力です。

複数行テキストを入力するラベル付き領域です。

押下状態を保持し、CustomEventで変更を通知します。

単一または複数の押下状態をまとめて管理します。

画像またはイニシャルで人物を示します。

短いラベルで状態や分類を表示します。

関連する見出し、説明、内容、操作を一つにまとめます。

取り消しにくい操作の確認を求めるダイアログです。

追加情報や操作をモーダルに表示します。

画面端から補助ナビゲーションや操作領域を表示します。

トリガーに関連する操作一覧を開閉します。

ホバーまたはフォーカス時に関連情報を表示します。

トリガー位置を基準として補助内容を表示します。

画面端から設定や詳細操作のパネルを表示します。

ホバーまたはフォーカス時に短い説明を提示します。