Button
A Liquid Glass pill button with label and icon-only variations.
Default
Preview
Liquid Glass
The neutral secondary and blue default variants, with labels and icon-only. Adapts to light and dark backgrounds.
Preview
Variants
Preview
Sizes
Preview
Installation
npx orbit-design add button
Usage
import { Button } from "@/components/orbit-ui/button"
export default function Page() {
return <Button variant="default">Click me</Button>
}API Reference
variant
"default" | "secondary" | "outline" | "ghost" | "destructive" | "glass"
size
"sm" | "default" | "lg" | "icon" | "icon-lg"
asChild
boolean — render as child element via Radix Slot