ant-design/components/tag/index.en-US.md
MadCcc e7edfa42d7
docs: update overview img (#38946)
* docs: update overview img

* chore: code clean

* chore: code clean

* chore: update

* chore: code clean
2022-11-30 20:14:41 +08:00

1.8 KiB

category group title cover demo
Components Data Display Tag https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*_SBsSrKLg00AAAAAAAAAAAAADrJ8AQ/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 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 -
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 -