チップの切り替え

ToggleChip は、ユーザーがさまざまなオプションを選択できる特別なチップです。

切り替えチップ

切り替えチップには、2 つの状態の切り替えコントロールが含まれます。2 つの状態の切り替えコントロールの例としては、スイッチ、ラジオボタン、チェックボックスなどがあります。切り替えチップは、設定など、多くのオプションをすばやく簡単に設定する必要がある場合に使用します。

構造

切り替えチップには 4 つのスロットがあり、2 つのテキストラベル、1 つの選択コントロール、1 つのアプリアイコンに対応しています。アイコンとセカンダリ ラベルは省略可能です。

A. ラベル

B. セカンダリ ラベル

C. アイコン

D. 選択コントロール

E コンテナ

選択コントロール

スイッチ

スイッチを使用して選択項目をオンまたはオフにします。

ラジオボタン

ラジオボタンは、ユーザーがオプションを 1 つしか選択できないリストで使用します。

チェックボックス

チェックボックスは、ユーザーがオプションを複数選択できるリストで使用します。

分割切り替えチップ

SplitToggleChip は ToggleChip と異なり、タップ可能な領域が 2 つあります。一方はクリック可能なテキスト領域、もう一方は切り替えの領域です。

分割切り替えチップでは、各セクションを色分けすることで、タップ可能な背景領域と切り替えコントロールを区別できます。

使用方法

切り替えチップは次の例に示すように使用します。