按钮 Button ​

<j-button size="so-small" type="primary">Extra small Button</j-button>
<j-button>默认按钮</j-button>

<j-button :size="'small'" type="primary">主题按钮</j-button>
<j-button :size="'small'">默认按钮</j-button>

<j-button :size="'large'" type="primary">主题按钮</j-button>
<j-button :size="'large'">默认按钮</j-button>

<j-button type="primary">主要按钮</j-button>
<j-button>默认按钮</j-button>
<j-button type="warn">警告按钮</j-button>
<j-button type="info">信息按钮</j-button>
<j-button type="err">错误按钮</j-button>
<j-button type="success">成功按钮</j-button>
<j-button disabled type="success">禁用按钮</j-button>

<j-button :icon="'icon-delete'" :size="'so-small'" icon-btn> </j-button>
<j-button :icon="'icon-add'" :size="'small'" icon-btn type="primary">
</j-button>
<j-button :icon="'icon-ascending'" icon-btn type="warn"> </j-button>
<j-button :icon="'icon-atm'" :size="'large'" icon-btn :type="'success'">
</j-button>

<j-button :type="'success'">
  ATM-FILL
  <template #icon> <j-icon :icon="'icon-atm-fill'" /> </template>
</j-button>
<j-button :size="'large'" :type="'warn'">
  ATM-FILL
  <template #icon> <j-icon :icon="'icon-close'" /> </template>
</j-button>