IconButton 标签按钮
一个简单的标签按钮
何时使用
- 需要一个简单的标签按钮
代码示例
基本使用
禁用状态
角标状态
API
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
item | 按钮内容 | IconButtonSubItem | - |
subitems | 子按钮内容 | IconButtonSubItem[] | - |
disabled | 是否禁用 | boolean | false |
active | 是否选中 | boolean | false |
mark | 是否显示角标 | boolean | false |
size | 按钮大小 | small | default | large | number | default |
onClick | 点击事件 | (item: IconButtonSubItem) => void | - |
onChange | 选中状态改变事件 | (item: IconButtonSubItem) => void | - |
IconButtonSubItem
type IconButtonSubItem = {
key: string;
value: string;
tip?: string;
description?: string;
} & (
| { label: string; icon?: never }
| { icon: (typeof IconType)[number]; label?: never }
);