docs / actions / button
Button
CornerButton — ASCII frame with 4 glitching '+' corners. CVA variant prop, compact for 24px, asChild for Slot.
Variants
Sizes & States
import { Button } from "@/components/ui/button"
<Button>Default</Button>
<Button variant="destructive">Destructive</Button>
<Button variant="outline">Outline</Button>
<Button variant="secondary">Secondary</Button>
<Button variant="ghost">Ghost</Button>
<Button variant="info">Info</Button>
<Button variant="warning">Warning</Button>
<Button variant="tip">Tip</Button>
<Button compact>Compact 24px</Button>
<Button disabled>Disabled</Button>
<Button asChild><a href="/">As child</a></Button>