Skip to content

Chip

Props

API reference for Chip. For usage examples, see the React tab.

Name	Type	Default
children	`ReactNode`
The chip content or label.
color	`"blue" \| "cream" \| "darkGreen" \| "error" \| "gray" \| "lightOrange" \| "orange" \| "pink" \| "purple" \| "success" \| "warning"`	`blue`
The color of the chip.
variant	`"outlined" \| "subtle"`	`subtle`
Variant for the chip. `outlined` uses the default background and a colored border. `subtle` uses a lighter filled background.

Name	Type	Default
id	`string`
The unique identifier for the DOM element.
role	`AriaRole`
The ARIA role assigned to the element to improve accessibility. Example roles include "button", "navigation", "dialog", etc.