Search for a command to run...
Displays a button or a component that looks like a button.
import { Button } from "@/registry/optics/button";<Button>Default</Button><Button variant="secondary">Secondary</Button><Button variant="outline">Outline</Button><Button variant="info">Info</Button><Button variant="success">Success</Button><Button variant="warning">Warning</Button><Button variant="muted">Muted</Button><Button variant="ghost">Ghost</Button><Button variant="destructive">Destructive</Button><Button variant="raised">Raised</Button><Button size="lg">Large</Button><Button size="icon-lg"> <Sparkle /></Button><Button size="icon"> <Sparkle /></Button><Button size="icon-sm"> <Sparkle /></Button><Button size="sm">Small</Button><Button variant="link" asChild> <Link href="#"> Link <ArrowUpRight size={16} className="-ml-1" /> </Link></Button>import { Button } from "@/registry/optics/button";<Button>Default</Button><Button variant="secondary">Secondary</Button><Button variant="outline">Outline</Button><Button variant="info">Info</Button><Button variant="success">Success</Button><Button variant="warning">Warning</Button><Button variant="muted">Muted</Button><Button variant="ghost">Ghost</Button><Button variant="destructive">Destructive</Button><Button variant="raised">Raised</Button><Button size="lg">Large</Button><Button size="icon-lg"> <Sparkle /></Button><Button size="icon"> <Sparkle /></Button><Button size="icon-sm"> <Sparkle /></Button><Button size="sm">Small</Button><Button variant="link" asChild> <Link href="#"> Link <ArrowUpRight size={16} className="-ml-1" /> </Link></Button>