API Extraction

One small component, three extraction features: class/...rest forwarding renders as chips under the props (not fake required rows); the size union gets per-member badges and a text control; and --accent — used with two different var() fallbacks — reports Mixed, with the per-property breakdown on hover.

Props

Name

Details

Default

Control

label

string

Default Swatch

Control

Swatch label.

size

'sm'| 'md'| number| string

Default md

Control

Size — a named step, a number (px), or any CSS length.

Also forwarded to the root element: class …rest (HTMLAttributes<HTMLSpanElement>)

CSS Props

Name

Details

Default

Control

--accent

color

Default Mixed

Control

#000000

Accent used for the fill and the ring.

Examples

Sizes