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>
)
}