Gengar UI

Button

Terminal-inspired action buttons with pixel-perfect borders and glowing effects.

Installation

terminal
npm install @radix-ui/react-slot class-variance-authority lucide-react

Usage

example.tsx
import { Button } from "@/components/ui/button"
import { Terminal, Power } from "lucide-react"

export function ButtonDemo() {
  return (
    <div className="flex flex-wrap gap-4">
      {/* Command Button with Icon */}
      <Button className="gap-2">
        <Terminal className="h-4 w-4" />
        <span>Open Terminal</span>
      </Button>

      {/* Icon Button */}
      <Button variant="destructive" size="icon">
        <Power className="h-4 w-4" />
      </Button>
    </div>
  )
}