Chips

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

Specifications

There are two sizes of Chips:

  • By default, Chips should have a height of 30px, border radius 16px and font size 12px
  • Smaller variant will have a height of 24px, border radius 16px and font size 12px
ExampleHeight
Default 30px
Small 24px

Input chips can be in any of the following states:

SolidOutline
Default
Hover
Active
Error
Disabled

Choose Amenities

Behaviors

  • Tap a chip to select it.
  • Multiple chips can be selected or unselected.