AK Button

1<script setup lang="ts">
2import type { AkButtonVariant } from './types'
3 
4import '@yunyoujun/ak-ui'
5 
6withDefaults(defineProps<{
7  block?: boolean
8  variant?: AkButtonVariant
9}>(), {
10  block: false,
11  variant: 'default',
12})
13</script>
14 
15<template>
16  <button
17    type="button"
18    data-slot="ak-button"
19    :data-variant="variant"
20    :class="[
21      'ak-button',
22      variant !== 'default' && `ak-button--${variant}`,
23      { 'ak-button--block': block },
24    ]"
25  >
26    <span v-if="$slots.icon" class="ak-button__icon" data-icon="inline-start">
27      <slot name="icon" />
28    </span>
29    <span class="ak-button__label">
30      <slot />
31    </span>
32  </button>
33</template>