Tag 标签

用于标记和选择的标签。

获取组件

import { Tag, TagGroup } from 'rsuite';
  • <Tag> 标签
  • <TagGroup> 标签组

演示

默认

尺寸

多彩标签

动态添加标签

Props

<Tag>

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

<TagGroup>

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