mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-15 09:21:22 +08:00
2f8fa45df3
* docs: update rootClassName description * docs: update rootClassName description * docs: update docs
2.1 KiB
2.1 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
Common props ref:Common props
Tag
Property | Description | Type | Default | Version |
---|---|---|---|---|
closeIcon | Custom close icon. 5.7.0: close button will be hidden when setting to null or false |
ReactNode | false | 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 | - |