Getting Started
Components
Text Animations
Backgrounds
Installation
pnpm dlx shadcn@latest add @gammaui/border-button
global.css
.radial-gradient-border-button {
background: radial-gradient(
circle at 50% 0%,
rgba(250, 250, 250, 0.05) 0%,
transparent 60%
)
rgba(15, 15, 15, 1);
transition: background 0.3s ease-in-out;
}
.radial-gradient-border-button {
background: radial-gradient(
circle at 50% 0%,
rgba(250, 250, 250, 0.05) 0%,
transparent 60%
)
rgba(15, 15, 15, 1);
transition: background 0.3s ease-in-out;
}
Usage
import BorderButton from "@/components/gammaui/border-button"
export default function Example() {
return <BorderButton label="Gamma UI" />
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | - | The text content displayed on the button |