Button

Botão de ação com 5 variantes, 3 tamanhos e suporte a estado desabilitado.

Uso

<script setup lang="ts">
import { Button } from '@halfbyte/maka'
</script>

<template>
  <Button variant="primary">Salvar</Button>
</template>

Variantes

<Button variant="primary">Primary</Button>
<Button variant="inverse">Inverse</Button>
<Button variant="outline">Outline</Button>
<Button variant="detail">Detail</Button>
<Button variant="ghost">Ghost →</Button>

Tamanhos

<Button size="sm">Small</Button>
<Button size="md">Medium</Button>
<Button size="lg">Large</Button>

Estado desabilitado

<Button disabled>Desabilitado</Button>

Props

Prop	Tipo	Padrão
variant	"primary" | "inverse" | "outline" | "detail" | "ghost"	"primary"
size	"sm" | "md" | "lg"	"md"
disabled	boolean	false
type	"button" | "submit" | "reset"	"button"

Events

Evento	Payload	Descrição
click	MouseEvent	Emitido ao clicar