test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-02 20:19:44 +08:00
Code Issues Actions 84 Packages Projects Releases Wiki Activity
cef58664e8
ant-design/components/tag/index.en-US.md
黑雨 cef58664e8
📝doc: add design token table (#41717) 
* ✨feat: add token

* 📝doc: update lint

* 📝doc: update doc
2023-04-11 10:25:24 +08:00

2.2 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

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 -

Design Token