DEVELOPER REFERENCE · v4.0.0

ChoiceChip API

Props, callbacks and methods. Select an underlined type to explore its fields, allowed values and callback arguments.

ChoiceChip6 props2 callbacks0 methods

ChoiceChip props
Name	Type	Description
`children`Required	`ComponentChildren`Inspect type	Content rendered inside the component. Supply nodes from the framework adapter you are using.
`color`Optional	`string \| undefined`	CSS color used for this item or its visual accent.
`selected`Optional	`boolean \| undefined`	Selected value or selected-state flag; the declared type identifies which representation the control uses.
`info`Optional	`ComponentChildren`Inspect type	Additional informational content displayed with the choice chip.
`removeLabel`Optional	`string \| undefined`	Accessible text or formatter for the remove-item action.
`removeClassName`Optional	`string \| undefined`	Additional CSS classes for the remove part of the component.

ChoiceChip events and callbacks
Name	Type	Description
`onSelect`Optional	`h.JSX.MouseEventHandler<HTMLButtonElement> \| undefined`Inspect type	Called when the user selects an item. The signature identifies the selected value and any additional context.
`onRemove`Optional	`(() => void) \| undefined`Inspect type	Requests removal of the indicated item; the application owns updating its data.

No component-specific imperative methods. Use props and callbacks to control this component.

Inherited HTML props and events327