ChipProps

Updated on Feb 5, 2026

Represents the properties of Chip component.

Name	Type	Default	Description
ariaDescribedBy?	string		Identifies the element(s) which will describe the component, similar to HTML aria-describedby attribute. For example these elements could contain error or hint message.
avatar?	string | Object | Function		If set to object of type ChipAvatarProps with image and imageAlt it renders a default Avatar. If set to string or a render function it defines the avatar template that will be shown.
dataItem?	any		Represents the item data, coming from the ChipList component.
dir?	string		The Chip direction 'ltr' as default or 'rtl'.
disabled?	boolean		Determines if the Chip is disabled.
fillMode?	"flat" | "solid" | "outline"	undefined	Configures the fillMode of the Chip. The available options are: solid outline flat
icon?	string		Determines if the Chip has an icon.
id?	string		Sets the id property of the top div element of the Chip.
onBlur?	(event: ChipFocusEvent) => void		Triggered on onBlur event.
onClick?	(event: ChipMouseEvent) => void		Triggered on onClick event.
onFocus?	(event: ChipFocusEvent) => void		Triggered on onFocus event.
onKeydown?	(event: ChipKeyboardEvent) => void		Triggered on onKeyDown event.
onRemove?	(event: ChipRemoveEvent) => void		Triggered on Chip removing.
removable?	boolean		Determines if the Chip could be removed.
removeIcon?	string		Determines if the Chip has custom removeIcon.
removeSvgIcon?	SVGIcon		Defines an remove SVGIcon to be rendered within the chip.
rounded?	"small" | "medium" | "large" | "full" | "none"	undefined	Configures the roundness of the Chip. The available options are: none small medium large full
selected?	boolean		Determines if the Chip is selected.
selectedIcon?	string		Determines if the Chip has custom selection icon.
selectedSvgIcon?	SVGIcon		Defines an selection SVGIcon to be rendered within the chip.
size?	"small" | "medium" | "large"	undefined	Configures the size of the Chip. The available options are: small medium large
svgIcon?	SVGIcon		Defines an SVGIcon to be rendered within the chip.
tabIndex?	number		Sets the tabIndex attribute.
text?	string		Sets the label text of the Chip.
themeColor?	"base" | "info" | "success" | "warning" | "error"	undefined	Configures the themeColor of the Chip. The available options are: base info success warning error
value?	any		Sets the id value of the Chip.