button #

<template>
  <YButton>Default</YButton>
  <YButton type="primary">
    Primary
  </YButton>
  <YButton type="info">
    Info
  </YButton>
  <YButton type="success" :disabled="true">
    Success
  </YButton>
  <YButton type="warning">
    Warning
  </YButton>
  <YButton type="error">
    Error
  </YButton>
  <YButton dashed>
    dashed
  </YButton>
  <YButton color="orange">
    Orange
  </YButton>
  <YButton color="orange" :disabled="true">
    Orange
  </YButton>
</template>

<template>
  <y-button type="primary" :loading-icon="Eleme" loading>Loading</y-button>
  <y-button type="default" :icon="Search" shape="circle"></y-button>
</template>

<script setup lang="ts">
import { Eleme, Search } from '@yalert-ui/icons';
</script>

<template>
  <y-button type="primary" :loading-icon="Eleme" loading>Loading</y-button>
</template>

<script setup lang="ts">
import { Eleme } from '@yalert-ui/icons';
</script>

<template>
  <y-button size="small">small</y-button>
  <y-button size="large">large</y-button>
  <y-button disabled>disabled</y-button>
</template>