orix-UIButton
A premium button component with inner border effects.
Preview
Interactive Preview
Sizes
Installation
Usage
tsx
import { Button } from "@/components/ui/button"
export default function Demo() {
return (
<div className="flex gap-4">
<Button variant="default">Primary</Button>
<Button variant="secondary">Secondary</Button>
</div>
)
}Props
| Prop | Type | Default |
|---|---|---|
| variant | "default""destructive""outline""secondary""ghost""link" | default |
| size | "default""xs""sm""lg""icon""icon-xs""icon-sm""icon-lg" | default |