Tag 标签

用于标记和选择的标签。

获取组件

Main Individual

import { Tag, TagGroup } from 'rsuite';

<Tag> 标签
<TagGroup> 标签组

演示

默认

尺寸

多彩标签

动态添加标签

Props

`<Tag>`

属性名称	类型`(默认值)`	描述
as	ElementType `('div')`	为组件自定义元素类型
children *	ReactNode	组件的内容
classPrefix	string `('tag')`	组件 CSS 类的前缀
closable	boolean	是否显示关闭按钮
color	Color	标签颜色
onClose	(event) => void	点击关闭按钮的回调函数
size	'sm' \| 'md' \| 'lg' `('md')`	标签尺寸

属性名称	类型`(默认值)`	描述
as	ElementType `('div')`	为组件自定义元素类型
children *	ReactNode	组件的内容
classPrefix	string `('tag-group')`	组件 CSS 类的前缀

`Color`

type Color = 'red' | 'orange' | 'yellow' | 'green' | 'cyan' | 'blue' | 'violet';