Use the ember variant for an emphasized action and glass for a secondary action. Standard button attributes are supported.
Installation
$pnpm dlx shadcn@latest add https://your-docs-domain.com/r/gloss-button.json
Usage
"use client"
import { GlossButton } from "@/components/ui/gloss-button"
export default function Demo() {
return (
<div className="flex flex-wrap justify-center gap-4">
<GlossButton>Save changes</GlossButton>
<GlossButton variant="glass">Cancel</GlossButton>
<GlossButton disabled>Unavailable</GlossButton>
</div>
)
}
API
| Property | Type | Description |
|---|
variant? | keyof typeof surfaces | The variant option. |
size? | keyof typeof sizes | The size option. |
children? | React.ReactNode | The children option. |
Standard element attributes are supported where the props extend a React element type. Required properties appear without a question mark.
Dependencies
motion
Shared local files are included in the Code panel. See project setup for Tailwind, path aliases, and theme tokens.