Skip to content

Tag 标签

标签组件。

示例

可访问性

可关闭标签会渲染一个真实按钮,并使用 closeAriaLabel 提供可访问名称。onClose 会收到关闭按钮点击事件;调用 event.preventDefault() 可以阻止标签默认移除,适合需要二次确认或受控删除的场景。

API

属性说明类型默认值
color颜色'default' | 'success' | 'warning' | 'danger''default'
closable是否可关闭booleanfalse
closeIcon自定义关闭控件内容ReactNode'×'
closeAriaLabel关闭按钮的可访问名称string'Close tag'
onClose关闭回调,调用 event.preventDefault() 可阻止默认移除(event: MouseEvent<HTMLButtonElement>) => void-