Design language

Chips

Variant
FilledOutlinedSubtle
Size
MdSmLg
Mode
SingleMultipleLinks
Lead
NoneIcon
Overflow
WrapScroll
State
Code
import { Chip, Chips } from '@/ui/chips';

<Chips aria-label="Topics" defaultValue={['all']}>
    <Chip value="all">All</Chip>
    <Chip value="payments">Payments</Chip>
    <Chip value="agents">Agents</Chip>
</Chips>