Chip

Variants

• filter
• input
• choice

Sizes

• sm
• md

Slots

• leading
• trailing

Example

<Chip variant="filter" pressed={active} onClick={toggle}>Last 7 days</Chip>

Usage rule

Filter chips use aria-pressed; choice chips use role="radio".

The full Chip contract has 2 more rules, plus the do-not patterns. Get the full recipe.

Related