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.

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'.