コンポーネント

raised、pressed、primary の状態を備えた主要なアクションコントロール。

フォーカスを安全に閉じ込め、元の trigger に戻すモーダルサーフェス。

action、selection、submenu をキーボードで移動できるコンテキストメニュー。

取り消せない操作を明示的に確認するダイアログ。

ボタンに隣接して文脈を保つ設定パネル。

リンク先を補足するプレビューカード。

画面の端から開くスクロール可能な操作パネル。

ポインター位置で開く操作メニュー。チェック、ラジオ、サブメニューに対応します。

スワイプで閉じられる下部・側面のタスクパネル。

boolean と indeterminate の状態に対応する native checkbox。

focus と validation の状態が明確な inset の1行入力フィールド。

input、addon、action を1つの inset サーフェスにまとめる組み合わせ可能なフィールド。

form control の名前とクリック領域を関連付ける native label。

1つの値を選択する native radio input のグループ。

ブラウザーのアクセシビリティを維持する native select サーフェス。

水平または垂直の track 上で1つ以上の値を調整する range control。

即時に適用されるオン・オフ設定を pressed track で示すコントロール。

複数行のテキストを入力する、resize 可能な inset field。

押下状態を保持する独立したトグルボタン。

単一、複数選択をまとめるキーボード操作可能なグループ。

入力とラベル、説明、検証エラーを関連付ける単位。

関連する入力に共通の見出しと無効状態を与えるグループ。

フィールド検証と送信エラーを扱うネイティブフォーム。

範囲、刻み幅、地域別表示を扱う数値入力。

絞り込み、空の結果、キーボード選択を扱う検索入力。

日付と期間を選択するニューモーフィズムカレンダー。

ポップオーバーで日付を選択・解除します。

1つの実入力と複数の表示スロットを組み合わせた認証コード入力。

1つずつ、または複数のセクションを同時に展開できるディスクロージャーグループ。

現在のページまでの経路を意味のある順序付きリストとして表示します。

現在のページと前後の移動先を明示する raised link の集合。

同じ文脈内の panel をキーボードで切り替える tab interface。

hover とキーボード focus で短い補足説明を表示する popup。

追加設定のグループを展開、折りたたみするコンテナー。

文書操作をまとめる矢印キーで移動可能なツールバー。

リンクとポップアップによるキーボード対応のサイトナビゲーション。

方向キーで移動するアプリケーションのコマンドメニュー。

検索とキーボード選択を組み合わせたコマンドパレットとクイックナビゲーション。

タッチ、ボタン、方向キーで移動する連続コンテンツビュー。

ポインターとキーボードで比率を調整できる分割パネル。

デスクトップの折りたたみとモバイル Sheet を備えたアプリケーションナビゲーション。

重要な状態や結果を raised サーフェス上で伝えるメッセージ。

画像の読み込みに失敗しても fallback を維持するプロフィールサーフェス。

状態や分類を明確に示す、簡潔なインラインラベル。

コンテンツを raised、soft、inset、flat の面にまとめ、accent の面で強調するサーフェス。

inset track 内の primary fill で進捗を示すステータス。

ブラウザーの native scrolling を維持する、テーマ対応の overflow サーフェス。

光と細い shadow で関連コンテンツ間の境界を表す divider。

読み込み中のコンテンツの大きさと位置を先に示す inset placeholder。

小さな画面では横方向にスクロールする semantic なデータテーブル。

既知の範囲内で測定値を示すメーター。

検索、フィルター、並べ替え、行選択、ページ移動を組み合わせます。

結果通知と取り消し操作を提供します。

レスポンシブなチャート表面、ツールチップと正確なデータ表。

画像と説明を1つの raised surface にまとめるコンテンツカード。

一時停止と reduced-motion に対応した繰り返し情報ストリップ。