Chip

A filter pill — the row of categories above a list. Pressed fills it with the primary colour and reports aria-pressed.

tsx

1import { Chip } from "@pestoui/core"

Category filter

A chip is a button that holds no state of its own: active and onClick come from whoever owns the selection.

Resting is a bordered card fill; active is the primary fill. The press is a small spring scale.

Prop	Type	Default	Description
active	boolean	false	Fills the chip with the primary colour and sets aria-pressed.
onClick	(event) => void	—	The chip is a button; the caller flips active in response.
…props	React.ComponentProps<"button">	—	Everything else lands on the button. type defaults to "button".

Pesto UI · 117 documented components