Chips - allows users to show information, make selections, to filter content or to trigger actions. How are they different from buttons? Buttons usually appear consistently along with a action attached to them, while chips usually appear dynamically as interactive elements. One of the most common use of chips is as:
- Contact tags
Import
import Chip from '@intelops/intelops_ui/packages/react/components/Chip/src';
Create an Alert
<Chip
title = "chip"
variant="orange">
Text on the chip
</Chip>
Props
Name | Type | Description |
---|---|---|
id | string | Unique to each element can be used to lookup an element getElementById( ) |
className | string | To add new or to override the applied styles |
children | node | Components content |
variant | string | Has multiple colors - eight in total |
Chip Variants
The variants in this case is that you can choose frm 8 different colors
Variants
- fuchsia
- slate
- lime
- red
- orange
- cyan
- gray
- dark