ChipBaseProps

Represents the model for the Chip component.

Props

The following table outlines the props for the ChipBaseProps:

NameTypeDefaultDescription
avatar
node
-

Specifies the icon CSS class or React node for the avatar in the Chip.

color
-

Specifies the color of the Chip, one of 'Primary', 'Info', 'Error', 'Success', or 'Warning'.

disabled
boolean
false

Specifies whether the Chip component is disabled or not.

leadingIcon
node
-

Specifies the leading icon CSS class or React node for the Chip.

leadingIconUrl
string
-

Specifies the leading icon url for the Chip.

removable
boolean
false

Specifies whether the Chip is removable.

removeIcon
node
-

Specifies the icon element to render for the chip’s remove action. When provided, replaces the default close/remove icon.

selectIcon
node
-

Specifies the icon element to indicate the chip’s selected state. When provided, replaces the default selection indicator.

text
string
-

Specifies the text content for the Chip.

trailingIcon
node
-

Specifies the trailing icon CSS or React node for the Chip.

trailingIconUrl
string
-

Specifies the trailing icon url for the Chip.

value
string | number
-

Defines the value of the Chip.

variant
'filled'

Specifies the variant of the Chip, either 'filled' or 'outlined'.