# Button

---

常用的操作按钮。

# 基本用法

基础的按钮用法。

<template>
  <div class="btn-box">
    <r-button>默认按钮</r-button>
    <r-button type='primary'>主按钮</r-button>
    <r-button type='danger'>危险按钮</r-button>
    <r-button type='dashed'>虚线按钮</r-button>
  </div>
</template>

# 禁用状态

按钮不可用状态。

<template>
  <div class="btn-box">
    <r-button :disabled='true'>禁用按钮</r-button>
    <r-button size='medium' :disabled='true'>禁用按钮</r-button>
    <r-button size='small' :disabled='true'>禁用按钮</r-button>
  </div>
</template>

# 不同尺寸

Button 组件提供除了默认值以外的三种尺寸，可以在不同场景下选择合适的按钮尺寸。

<template>
  <div class="btn-box">
    <r-button @click="onClick">默认按钮</r-button>
    <r-button size='medium'>中号按钮</r-button>
    <r-button size='small'>小号按钮</r-button>
  </div>
</template>

# Attributes

参数	说明	类型	可选值	默认值
size	尺寸	string	medium / small	———
type	类型	string	primary / success / warning / danger / dashed	———
disabled	禁用	boolean	———	false