ChipItemProps
Represents the properties of a Chip component.
Props
The following table outlines the props for the ChipItemProps:
| Name | Type | Default | Description |
|---|---|---|---|
| avatar | node | - | Specifies the icon CSS class or React node for the avatar in the Chip. |
| children | node | - | Specifies the children to be rendered for the chip item. This can be a React node, a function that returns a React node, or a string. |
| className | string | - | Specifies the custom classes to be added to the chip element. |
| 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. |
| htmlAttributes | HTMLAttributes<HTMLDivElement> | - | Specifies the additional HTML attributes in a key-value pair format. |
| 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. |
| size | Size | Size.Medium | Specifies the size of the Chip. Options include 'Small', 'Medium' and 'Large'. |
| 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'. |