Specifications
State | Example | Height | Use |
---|---|---|---|
Text only |
| 56dp | Form |
Default |
| 56dp | Form |
Floating |
| 56dp | Floating content |
Note: In-cab size only. See mobile patterns (coming soon) for smaller options if required.
Behaviors
- Within a segmented control, all segments are usually equal in width. Like buttons, segments can contain text or images. Segments can also have text labels beneath them (or beneath the control as a whole).
- In general, keep segment size consistent.
Segments Controls Progression
All segments controls should have the following states:
- Default/Active
- Focus
- Disabled
State | Primary | Secondary |
---|---|---|
Default |
|
|
Focus |
|
|
Disabled |
|
|
OEM Branding
- Use the primary and secondary button colors
Was this page helpful?
Thanks for your feedback!