Chips

• Usage
• Styles
• Accessibility

Specifications

There are two sizes of Chips:

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

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

Input chips can be in any of the following states:

	Solid	Outline
Default	Clifford cancel	Jeff cancel
Hover	Clifford cancel	Jeff cancel
Active	Clifford cancel	Jeff cancel
Error	Clifford cancel	Jeff cancel
Disabled	Clifford cancel	Jeff cancel

Behaviors

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