ant-design/components/tag/index.en-US.md
lijianan f829e40110
feat: Tag support borderless (#41305)
* feat: Tag support borderless

* update demo

* update colorFillSecondary

* update color

* fix

* update demo size
2023-03-21 13:02:27 +08:00

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