Workbeat Design System

InicioFundamentosComponentesPatronesEjemplosReferenciaGuíasChangelogAgentes IA

Button

Acción principal o secundaria. Variantes `default`, `outline`, `secondary`, `ghost`, `destructive` y `link`; soporta `asChild` para envolver links.

Categoría
Formularios e inputs
Fuente
components/ui/button
Skill para agentes
—
Último cambio
—

Importación

Importa por subruta del DS local (`src/design-system`). El barrel `@/design-system` también lo reexporta.

import { Button, buttonVariants } from "@/design-system/components/ui/button";

Ejemplos

Cada ejemplo se renderiza con el código real del DS; abre el código para copiarlo.

Sizes icons

States

API

Generada desde los tipos y el JSDoc del código fuente.

Prompts

Reglas del DS y plantillas para pedirle este componente a un agente.

Relacionados

IconBtn

Botón compacto sólo con icono. `title` es obligatorio: se usa como `aria-label` y como tooltip nativo del navegador.

Componente
ActionButton

Botón de acción declarativo resuelto por un registro de acciones.

Patrón