Skip to content

Button 按钮 ​

基础交互按钮,支持多种类型、尺寸与状态。

基础用法 ​

vue
<template>
  <KbButton type="primary" @click="handleClick">主要按钮</KbButton>
</template>

状态与尺寸 ​

API ​

属性类型默认值说明
type'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info''default'按钮类型
size'small' | 'medium' | 'large''medium'尺寸
disabledbooleanfalse禁用
roundbooleanfalse圆角(pill)
plainbooleanfalse朴素(浅底深字)
nativeType'button' | 'submit' | 'reset''button'原生 type

事件 ​

事件参数说明
clickMouseEvent点击(disabled 时不触发)

插槽 ​

名称说明
default按钮内容