Button ​

Displays a button or a component that looks like a button.

Variants ​

Sizes ​

Icon ​

Rounded ​

Disabled ​

The destructive button components PrimaryDestructiveButton and SecondaryDestructiveButton follow the same disabled styles of PrimaryButton and SecondaryButton respectively

Usage ​

<script setup lang="ts">
import { PrimaryButton } from '@youcan/ui-vue3';
</script>

<template>
  <PrimaryButton>
    <template #icon>
      💾
    </template>
    Primary Button + icon
  </PrimaryButton>
</template>

API Reference ​