@beem-biz-ui/button

Button 组件是 Beem Biz UI 库的一部分，提供了多种样式和类型的按钮。

安装

# 使用pnpm
pnpm add @beem-biz-ui/button

# 使用npm
npm install @beem-biz-ui/button

使用

<template>
  <BizButton type="primary" @click="handleClick">点击我</BizButton>
</template>

<script setup lang="ts">
import { Button as BizButton } from '@beem-biz-ui/button'

const handleClick = () => {
  console.log('按钮被点击了')
}
</script>

API

Props

| 名称 | 类型 | 默认值 | 描述 | | -------- | -------------------------------------------------------------------------------- | --------- | ---------------- | | type | 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text' | 'default' | 按钮类型 | | size | 'large' | 'medium' | 'small' | 'mini' | 'medium' | 按钮尺寸 | | disabled | boolean | false | 是否禁用 | | loading | boolean | false | 是否显示加载状态 |

事件

| 名称 | 参数 | 描述 | | ----- | ------------------- | ------------ | | click | (event: MouseEvent) | 按钮点击事件 |