Chip Component Playground

Selectable pills for filters and options. Based on OPS Design Library (Figma).

Props

Preview

Option A
<Chip label="Option A" size="Small" selected={false} showLeadingIcon />

All sizes × states

XSmall

Option A
Option A

Small

Option A
Option A

Medium

Option A
Option A

Large

Option A
Option A

Without icon (e.g. date pills)

1M
6M
Custom Range