跳到主要内容

IconButton 标签按钮

一个简单的标签按钮

何时使用

  • 需要一个简单的标签按钮

代码示例

基本使用

禁用状态

角标状态

API

参数说明类型默认值
item按钮内容IconButtonSubItem-
subitems子按钮内容IconButtonSubItem[]-
disabled是否禁用booleanfalse
active是否选中booleanfalse
mark是否显示角标booleanfalse
size按钮大小small | default | large | numberdefault
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 }
);