标签 Tag
Tag 组件用于标记和分类内容,可以作为关键词或小型状态指示器使用。
基础用法
最简单的用法是直接使用 Tag 组件包裹文本内容。
正在加载组件...
变体
Tag 组件提供两种变体:primary 和 default。
正在加载组件...
可关闭标签
通过设置 closable 属性,可以让标签变成可关闭的状态。当用户点击关闭按钮时会触发 onClose 回调。
正在加载组件...
交互示例
以下是一个更复杂的交互示例,展示了如何动态管理标签:
正在加载组件...
API
Tag
| 参数名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| variant | 标签变体 | 'primary' | 'default' | 'default' |
| closable | 是否可关闭 | boolean | false |
| onClose | 关闭回调 | () => void | - |
| children | 子元素 | ReactNode | - |