Skip to main content

Chips

Chips represent small blocks of information and are commonly used for input or filtering.

Specifications

There are one size of Chips:

  • By default, Chips should have a height of 48dp, border radius 30dp, a font size 22sp Bold and use Primary, Secondary, Alert, Error color options.
Type Example Height
Default

48dp

Color Progression

State Primary - solid Secondary - solid Alert - solid Danger - solid
Default

Pressed

Focus

Disabled

Behaviors

  • Tap a chip to select it.
  • Multiple chips may be selected or unselected.
Last updated July 28, 2023.