A ToggleChip
is a specialized chip that allows users to select various options.
![](https://developer.android.google.cn/static/wear/images/components/togglechips-default.png?authuser=6)
Toggle chips include a bi-state toggle control. Some examples of a bi-state toggle control include a switch, radio button, or checkbox. Use toggle chips for situations in which many options may need to be quickly and easily set, such as in Settings.
Anatomy
![](https://developer.android.google.cn/static/wear/images/components/togglechips-anatomy.png?authuser=6)
A. Label
B. Secondary label
C. Icon
D. Selection control
E. Container
Selection controls
![](https://developer.android.google.cn/static/wear/images/components/togglechip-toggle.png?authuser=6)
Use a switch to turn a selection on or off.
![](https://developer.android.google.cn/static/wear/images/components/togglechip-radio.png?authuser=6)
Use radio buttons in lists where the user can select only one option.
![](https://developer.android.google.cn/static/wear/images/components/togglechip-checkbox.png?authuser=6)
Use checkboxes in lists where the user can select multiple options.
Related Components
![](https://developer.android.google.cn/static/wear/images/components/togglechip-split.png?authuser=6)
The
SplitToggleChip
differs from the ToggleChip by having
two tappable areas, one clickable text area and one with a toggle.
On split toggle chips, differentiate between the tappable background area and the toggle control by making each section a different color.
Usage
Use toggle chips as shown in the following examples.