Skip to main content

Chip


Example

Label
<Chip color="blue" label="Label" onDismiss={() => window.alert("Dismissed")} />

Props

NameTypeDefault ValueRequiredDescription
labelstringYes
color"blue" | "green" | "grey" | "indigo" | "orange" | "pink" | "red" | "violet" | "yellow" | "jade"Yes
icon(props: IconProps) => ChildrenNo
maxCharactersnumberNo

Truncate and show ellipsis after a number of characters

uppercasebooleanNo
dismissButtonLabelstringNo
onDismiss() => voidNo