Skip to main content

Chip

The Chip component represents an input, attribute or action. It allows the user to enter information, make selections, filter content or trigger actions.

Properties

NameTypeDefaultDescription
labelnodeDefines the text label for the chip.
clickableboolfalseIf true, the chip appears clickable and will raise when pressed.
disabledboolfalseIf true, the chip is disabled.

Style Attributes

NameTypeDefaultDescription
variantfilled
outlined
string
filledDefines the display type to use.
sizesmall
medium
string
mediumDefines the size of the chip.

For more detail on the Chip component, see the MUI developer docs.