TuMarca

Button

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

stable
Tipo: ui
Versión: 1.0.0
form interactive clickable action vanilla-js zero-dependency

Comparación entre la versión Astro (vanilla JS) y React (shadcn/ui)

🚀 saastro/ui (Astro)
⚛️ shadcn/ui (React)

Installation

Usage

---
import { Button } from "@/components/ui-saastro/button"
---

<Button>Click me</Button>
<Button variant="destructive">Delete</Button>
<Button variant="outline">Cancel</Button>

Variants

Default

<Button variant="default">Default</Button>

Destructive

<Button variant="destructive">Destructive</Button>

Outline

<Button variant="outline">Outline</Button>

Secondary

<Button variant="secondary">Secondary</Button>

Ghost

<Button variant="ghost">Ghost</Button>
<Button variant="link">Link</Button>

Sizes

<Button size="sm">Small</Button>
<Button size="default">Default</Button>
<Button size="lg">Large</Button>
<Button size="icon">
  <Icon />
</Button>