Appearance
Button 按钮
基础交互按钮,支持多种类型、尺寸与状态。
基础用法
vue
<template>
<KbButton type="primary" @click="handleClick">主要按钮</KbButton>
</template>状态与尺寸
API
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
type | 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'default' | 按钮类型 |
size | 'small' | 'medium' | 'large' | 'medium' | 尺寸 |
disabled | boolean | false | 禁用 |
round | boolean | false | 圆角(pill) |
plain | boolean | false | 朴素(浅底深字) |
nativeType | 'button' | 'submit' | 'reset' | 'button' | 原生 type |
事件
| 事件 | 参数 | 说明 |
|---|---|---|
click | MouseEvent | 点击(disabled 时不触发) |
插槽
| 名称 | 说明 |
|---|---|
default | 按钮内容 |