Actions

Button

Lifts on hover and lands on its own shadow when pressed.

npx shadcn@latest add https://ui.netm8.com/r/button.json

import { ArrowRight, Download, Trash2 } from "lucide-react"
import { Button } from "@/components/ui/button"

export default function ButtonDemo() {
  return (
    <div className="flex flex-wrap items-center justify-center gap-4">
      <Button>
        Deploy <ArrowRight />
      </Button>
      <Button variant="paper">Save</Button>
      <Button variant="outline">Cancel</Button>
      <Button variant="ghost" size="icon" aria-label="Download">
        <Download />
      </Button>
      <Button variant="danger" size="icon" aria-label="Delete">
        <Trash2 />
      </Button>
    </div>
  )
}

@base-ui/reactclass-variance-authority