Docs
Tag
Tag
Used for marking and categorisation.
Tag
Usage
Example Code
1import { Tag } from "inc-design-system/tag";Example Code
1<Tag>Tag</Tag>Props
Tag
| Prop | Type | Description | Default |
|---|---|---|---|
| className | string | Additional CSS classes to apply to the tag container. | - |
| variant | "default" | "primary" | "secondary" | "transparentBackground" | The variant of the tag. Can be one of 'default', 'primary', or 'secondary'. | "default" |
| closeable | boolean | Whether the Tag can be closed. Default is false. If true, a close button will be displayed. | false |
| onClose | () => void | Callback when the Tag is closed. | - |
| icon | ReactNode | Icon to display alongside the Tag text. Default is null. | null |
| disabled | boolean | Whether the Tag is disabled. Default is false. | false |
| border | boolean | Whether the Tag has a border. Default is true. | true |