Chip

Chip 是一个小的基本信息块，表示输入、属性或操作。

安装

以上命令仅用于单独安装。如果已全局安装，则可以跳过此步骤 @heroui/react。

导入

用法

禁用

尺寸

颜色

圆角

变体

起始和结束内容

带关闭按钮

如果您传递 onClose 属性，则关闭按钮将可见。您可以通过传递 endContent 属性来覆盖关闭图标。

带头像

Chip 列表

插槽

• base：chip 的基础插槽，它是 chip 的容器。
• content：chip 的内容插槽，它是 chip 子元素的容器。
• dot：chip 左侧的小圆点。当传递 variant=dot 属性时可见。
• avatar：chip 的头像类。当传递 avatar 属性时可见。
• closeButton：chip 的关闭按钮类。当传递 onClose 属性时可见。

自定义样式

您可以通过将自定义 Tailwind CSS 类传递给组件插槽来自定义 Chip 组件。

API

Chip Props

Chip Events