标签 Tag

Tag 组件用于标记和分类内容,可以作为关键词或小型状态指示器使用。

基础用法

最简单的用法是直接使用 Tag 组件包裹文本内容。

正在加载组件...
code

变体

Tag 组件提供两种变体:primarydefault

正在加载组件...
code

可关闭标签

通过设置 closable 属性,可以让标签变成可关闭的状态。当用户点击关闭按钮时会触发 onClose 回调。

正在加载组件...
code

交互示例

以下是一个更复杂的交互示例,展示了如何动态管理标签:

正在加载组件...
code

API

Tag

参数名描述类型默认值
variant标签变体'primary' | 'default''default'
closable是否可关闭booleanfalse
onClose关闭回调() => void-
children子元素ReactNode-