Go Main page
Go Main page

Web components

cover

components

Chip

v.1.0.0 | Saturn

Import

1
import { Chip } from '@kubit-ui-web/react-components';

Props

Let's delve into the versatility of the chip component by examining all its avalaible props.

PropertyTypeDefaultDescription
variant
Required
String-Current variant of Chip
stateChipStateTypeDEFAULTstate of the Chip
labelChipLabelType-Label showed in the Chip
closeIconIElementOrIcon-Close icon showed in the Chip
leftIconIElementOrIcon-Left icon showed in Chip
errorIconIElementOrIcon-Error icon showed in Chip
errorMessageChipTextType-Error message showed
rangeObject-Object to show a range inside the chip
rangeSeparatorChipTextTypetoString applied between labels from range Object- or like alternative text to range icon
rangeIconIElementOrIcon-Icon applied between labels from range Object
deleteTextStringDeleteDelete text applied before the label text
dataTestIdString-Id for testing
ctvChipPropsStateStylesType-Modify styles for the default version of the component