コンポーネントのパターン
Google のコンポーネント パターンのコレクションへようこそ。アイデア、ユーザー補助の要件、ビューポートとユーザー設定に対する適応戦略などが提供されます。
パンくずリスト
ユーザーがサイトを移動できるように、レスポンシブでアクセスしやすいパンくずリスト コンポーネントを作成します。
ボタン
ウェブのボタンの種類を設定します。
カルーセル
色適応型でレスポンシブでアクセスしやすいカルーセル コンポーネントを作成します。
ダイアログ
色適応性、応答性、使いやすさに優れたミニモーダルとメガモーダルを作成します。
ゲーム メニュー
マウスとキーボードでアクセスできる 3D ゲームメニューを作成します。
読み込みバー
進行状況要素を使用して、アダプティブでアクセス可能な読み込みバーを作成します。
メディア スクローラー
最小限のレスポンシブでアクセスしやすく、複数のブラウザやプラットフォームで動作する水平スクロール エクスペリエンスをウェブ用に作成します。
複数選択
並べ替えとフィルタ用の、レスポンシブでアダプティブでアクセスしやすい複数選択コンポーネントを作成します。
設定
レスポンシブで、複数のデバイス入力をサポートし、複数のブラウザで動作する設定コンポーネントを作成する
サイド ナビゲーション
レスポンシブでステートフル、キーボード ナビゲーションをサポート、JavaScript の有無にかかわらず動作し、ブラウザをまたがる
分割ボタン
アダプティブでアクセスしやすい分割ボタン コンポーネントを作成します。
事例
レスポンシブで、キーボード ナビゲーションをサポートし、複数のブラウザで機能するウェブ向けのストーリー コンポーネントを作成します。
SVG ファビコン
SVG を使用して、ダークモードとライトモードのアダプティブ ファビコンを作成します。
スイッチ
応答性、適応性、アクセシビリティに優れたスイッチ コンポーネントを作成します。
タブ
グリッドとスクロール スナップ ポイントを使用するタブ コンポーネントを作成します。
トースト
アダプティブでアクセスしやすいトースト コンポーネントを作成します。