Tag 标签

用于标记信息、分类或状态。

基础用法

import { Tag } from '@airo-ui/react'

function Demo() {
  return (
    <>
      <Tag>标签1</Tag>
      <Tag>标签2</Tag>
      <Tag>标签3</Tag>
    </>
  )
}

可关闭

import { Tag } from '@airo-ui/react'

function Demo() {
  return (
    <Tag closable onClose={() => console.log('标签已关闭')}>
      可关闭标签
    </Tag>
  )
}

禁用

import { Tag } from '@airo-ui/react'

function Demo() {
  return <Tag disabled>禁用标签</Tag>
}

API

Props

名称	类型	默认值	说明
closable	boolean	false	是否可关闭
disabled	boolean	false	是否禁用
children	ReactNode	—	标签内容
onClose	() => void	—	关闭时触发