<template>
   <div class="ht-base-button-demo">
      <ht-base-button size="large">默认按钮</ht-base-button>
      <ht-base-button>默认按钮</ht-base-button>
      <ht-base-button size="small">默认按钮</ht-base-button>
      <br><br>
      <ht-base-button type="primary">主题按钮</ht-base-button>
      <ht-base-button type="dashed">虚线按钮</ht-base-button>
      <ht-base-button type="text">文字按钮</ht-base-button>
      <ht-base-button type="text" underline>文字按钮</ht-base-button>
      <br><br>
      <ht-base-button disabled>默认按钮</ht-base-button>
      <br><br>
      <ht-base-button type="primary" relief>浮雕按钮</ht-base-button>
      <ht-base-button type="success">成功按钮</ht-base-button>
      <ht-base-button type="warning">警告按钮</ht-base-button>
      <ht-base-button type="error">危险按钮</ht-base-button>
      <ht-base-button type="info">信息按钮</ht-base-button>
      <ht-base-button type="back">回退按钮</ht-base-button>
      <br><br>
      <ht-base-button type="primary" ghost icon="LiRa_search">图标</ht-base-button>
   </div>
</template>

<script>
   export default {
      name: "HtBaseButtonDemo"
   }
</script>
<style>
   .ht-base-button-demo {

   }
</style>


<!--
<template>
   <div class="ht-base-button-demo">
      {{test}} succsess!
   </div>
</template>

<script>
   export default {
      name: "HtBaseButtonDemo",
      data() {
         return {
            test: 'hello'
         }
      }
   }
</script>

<style scoped>
   .ht-base-button-demo {

   }
</style>
-->
