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