#ui-components
2026年2月26日
約12分
Dialog（ダイアログ / モーダル）
ユーザーの作業を中断し、緊急性の高い決定や情報の確認を求めるモーダルウィンドウ。使い所とアクセシビリティ（フォーカストラップ）の設計基準。
2026年2月26日
約11分
Radio Button（ラジオボタン）
複数の選択肢から「必ず1つだけ」を選ぶ排他選択UI。CheckboxやSelectとの使い分けと、安全な初期状態の設計。
2026年2月26日
約11分
Select（セレクト / プルダウンメニュー）
複数の選択肢から1つを選ぶUI。適切な使用場面と、Radioボタン群やNativeのSelectとの使い分けの判断基準。
2026年2月26日
約11分
Sheet / Drawer（ドロワー / シート）
画面の端（左右や下部）からスライドして現れるダイアログの一種。スマートフォンのメニューや、親画面の文脈を保ったまま詳細を表示する際に用いる。
2026年2月26日
約12分
Table（テーブル / 表）
大量のデータを比較・俯瞰するためのUI。文字揃え・罫線の引き算・スクロール耐性という「データグリッド」の基本設計。
2026年2月26日
約13分
2026年2月26日
約11分
2026年2月26日
約10分
Toast（トースト通知）
ユーザーの操作を妨げずに、システムの処理結果を一過性で伝える軽量な通知UI。モーダル・アラートとの使い分け。
2026年2月26日
約11分