Component

Button

A versatile button component with multiple variants and sizes

UI Component

Button

A button component built with Ark UI that supports multiple variants and sizes.

Installation

bash

liminal add button

Usage

tsx

import { Button } from "@/components/ui/button";

export default function Example() {
  return <Button>Click me</Button>;
}

Variants

tsx

<Button variant="default">Default</Button>
<Button variant="destructive">Destructive</Button>
<Button variant="outline">Outline</Button>
<Button variant="secondary">Secondary</Button>
<Button variant="ghost">Ghost</Button>
<Button variant="link">Link</Button>

Sizes

tsx

<Button size="sm">Small</Button>
<Button size="default">Default</Button>
<Button size="lg">Large</Button>
<Button size="icon" aria-label="Icon button">
  <span className="i-lucide-settings" />
</Button>