Button 按钮

基础用法

点击查看示例代码

<template>
  <h-button-v1 class="btn-primary">Primary</h-button-v1>
  <h-button-v1 class="btn-secondary">Secondary</h-button-v1>
  <h-button-v1 class="btn-success">Success</h-button-v1>
  <h-button-v1 class="btn-danger">Danger</h-button-v1>
  <h-button-v1 class="btn-warning">Warning</h-button-v1>
  <h-button-v1 class="btn-info">Info</h-button-v1>
  <h-button-v1 class="btn-light">Light</h-button-v1>
  <h-button-v1 class="btn-dark">Dark</h-button-v1>
  <h-button-v1 class="btn-link">Link</h-button-v1>
</template>

按钮尺寸

点击查看示例代码

<template>
  <h-button-v1 class="btn-primary btn-lg">Primary</h-button-v1>
  <h-button-v1 class="btn-primary btn">Primary</h-button-v1>
  <h-button-v1 class="btn-primary btn-sm">Primary</h-button-v1>
</template>