mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-16 01:41:02 +08:00
023efaf976
* 🔀 feat: rebase feature * 🔀 feat: rebase feature * 📝 feat: update doc * feat: clean up * ✨ feat: migrate less to token for Avatar * ✨ feat: migrate less to token for Tag * ✨ feat: migrate less to token for Tag * 🔀 feat: update * ✨ feat: update * ✨ feat: update * ✨ feat: update * ✨ feat: update snap * 🔀 feat: rebase feature * 🔀 feat: rebase feature * 📝 feat: update doc * ✨ feat: update * ✨ feat: update * ✨ feat: update * ✨ feat: update * ✨ feat: update * ✨ feat: update * ✨ feat: update * ✨ feat: update * ✨ feat: update * ✨ feat: update * ✨ feat: update * chore: code clean * chore: code clean * chore: more suiltable line-height * chore: fix lint --------- Co-authored-by: MadCcc <1075746765@qq.com>
2.3 KiB
2.3 KiB
| category | group | title | cover | coverDark | demo | ||
|---|---|---|---|---|---|---|---|
| Components | Data Display | Tag | https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*_SBsSrKLg00AAAAAAAAAAAAADrJ8AQ/original | https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*JPNAQYrVkYkAAAAAAAAAAAAADrJ8AQ/original |
|
Tag for categorizing or markup.
When To Use
-
It can be used to tag by dimension or property.
-
When categorizing.
Examples
Basic
Colorful Tag
Inverse Colorful Tag
Add & Remove Dynamically
Checkable
Animate
Icon
Status Tag
borderless
borderless in layout
Customize close
Draggable Tag
Component Token
API
Tag
| Property | Description | Type | Default | Version |
|---|---|---|---|---|
| closable | Whether the Tag can be closed | boolean | false | |
| closeIcon | Custom close icon | ReactNode | - | 4.4.0 |
| color | Color of the Tag | string | - | |
| icon | Set the icon of tag | ReactNode | - | |
| bordered | Whether has border style | boolean | true | 5.4.0 |
| 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 | - |