Chips

• Usage
• Styles
• Accessibility

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

	Example	Height
Default	Clifford cancel_circle	30px
Small	Jane cancel_circle	24px

Input chips can be in any of the following states:

	Solid	Outline
Default	Clifford cancel_circle	Jane cancel_circle
Hover	Clifford cancel_circle	Jane cancel_circle
Active	Clifford cancel_circle	Jane cancel_circle
Error	Clifford cancel_circle	Jane cancel_circle
Disabled	Clifford cancel_circle	Jane cancel_circle

Behaviors

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