test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-05 05:28:20 +08:00
Code Issues Actions 115 Packages Projects Releases Wiki Activity
cfdc4463ba
ant-design/components/tag/index.en-US.md
kiner-tang(文辉) f93d5c8ba7
refactor(Tag): refactor closeIcon (#43109) 
* refactor: refactor closeIcon

* feat: optimize code

* feat: optimize code
2023-06-20 13:42:55 +08:00

2.1 KiB
Raw Blame History

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
cols
2

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
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 -

Design Token