Chip 标签片

业务组件

标签片 — 面向 ERP/企业场景的业务组件。

何时使用

需要标签片功能时使用本组件。

tsx

import { Chip } from "@/components/business/chip"

export function Basic() {
return <Chip />
}

Prop	Type	Default	说明
`className`	`string`	—	自定义样式类名
`variant`	`ChipVariant`	`default`	样式变体
`size`	`ChipSize`	`default`	组件尺寸
`removable`	`boolean`	—
`onRemove`	`() => void`	—
`icon`	`React.ReactNode`	—	图标元素
...rest	`React.ComponentProps<"span">`	—	透传 `<span>` 原生属性

📘 完整交互式示例与控件属性请查看 Storybook 文档。