You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
---
|
|
|
|
|
category: Components
|
|
|
|
|
type: Data Display
|
|
|
|
|
title: Tag
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
Tag for categorizing or markup.
|
|
|
|
|
|
|
|
|
|
## When To Use
|
|
|
|
|
|
|
|
|
|
- It can be used to tag by dimension or property.
|
|
|
|
|
|
|
|
|
|
- When categorizing.
|
|
|
|
|
|
|
|
|
|
## API
|
|
|
|
|
|
|
|
|
|
### Tag
|
|
|
|
|
|
|
|
|
|
| Property | Description | Type | Default |
|
|
|
|
|
| -------- | ----------- | ---- | ------- |
|
|
|
|
|
| afterClose | Callback executed when close animation is completed | () => void | - |
|
|
|
|
|
| closable | Whether Tag can be closed | boolean | `false` |
|
|
|
|
|
| color | Color of the Tag | string | - |
|
|
|
|
|
| onClose | Callback executed when tag is closed | (e) => void | - |
|
|
|
|
|
|
|
|
|
|
### Tag.CheckableTag
|
|
|
|
|
|
|
|
|
|
| Property | Description | Type | Default |
|
|
|
|
|
| -------- | ----------- | ---- | ------- |
|
|
|
|
|
| checked | Checked status of Tag | boolean | `false` |
|
|
|
|
|
| onChange | Callback executed when Tag is checked/unchecked | (checked) => void | - |
|
