<template>
  <div>
    <div class="demo-button-col">
      <hive-button
        theme="primary"
        size="large"
      >
        大按钮
      </hive-button>
      <hive-button
        theme="primary"
        size="default"
      >
        中按钮
      </hive-button>
      <hive-button
        theme="primary"
        size="small"
      >
        小按钮
      </hive-button>
    </div>
    <div class="demo-button-col">
      <hive-button
        theme="default"
        size="large"
      >
        大按钮
      </hive-button>
      <hive-button
        theme="default"
        size="default"
      >
        中按钮
      </hive-button>
      <hive-button
        theme="default"
        size="small"
      >
        小按钮
      </hive-button>
    </div>
    <div class="demo-button-col">
      <hive-button
        theme="text"
        size="large"
      >
        大按钮
      </hive-button>
      <hive-button
        theme="text"
        size="default"
      >
        中按钮
      </hive-button>
      <hive-button
        theme="text"
        size="small"
      >
        小按钮
      </hive-button>
    </div>
  </div>
</template>
