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) => voidCalled when the remove button is clicked.
avatarReactNodeAvatar element rendered at the start.
iconReactNodeIcon rendered at the start.
closablebooleanfalseShows a remove button.