Chip

Component for making a single selection/filtration quickly in context.

STATUS: This component is in development.

Basic usage

Branded usage

The component can be styled for the brand you want. Override twColor and twColorChecked to adjust the branding as you like.

Usage without list

The Chip can also be used outside of a ChipList.

With numbered label

In certain cases you might want to add the amount of elements the chip-filter contains. Pass a number in by using the numberedLabel prop.

With icon

Or in other cases, adding a descriptive icon can helt visualize the chip. Pass an Icon directly in by using the icon prop.