<script setup>
import xtxButton from '../packages/components/xtx-button.vue'
</script>

<template>
  <div class="app">
    <div class="row">
      <xtx-button type="primary">按钮</xtx-button>
      <xtx-button>按钮</xtx-button>
      <xtx-button type="plain">按钮</xtx-button>
      <xtx-button type="gray">按钮</xtx-button>
    </div>

    <div class="row">
      <xtx-button type="primary">按钮</xtx-button>
      <xtx-button size="large" type="primary">按钮</xtx-button>
      <xtx-button size="small" type="primary">按钮</xtx-button>
      <xtx-button size="mini" type="primary">按钮</xtx-button>
    </div>
  </div>
</template>

<style scoped lang="less">
.row {
  display: flex;
  margin-bottom: 32px;
}
</style>
