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
