Chip

Toggleable chip with avatar, icon, and remove button support.

Installation

Examples

Filter chips

Click to toggle selection.

With avatar

Show user avatar inside the chip.

Alex J.Alex J.Sarah K.Sarah K.Marcus W.Marcus W.

API Reference

PropTypeDefaultDescription
selectedbooleanfalseWhether the chip is toggled on.
onClose(e: MouseEvent) => void—Called when the remove button is clicked.
avatarReactNode—Avatar element rendered at the start.
iconReactNode—Icon rendered at the start.
closablebooleanfalseShows a remove button.