Getting Started
Text Animations
Buttons
SVGS
import { GradientSlideButton } from "@/registry/datthuui/gradient-slide-button"
export function GradientSlideButtonDemo() {
return (
<div>
<GradientSlideButton className="rounded-3xl">
Hover me
</GradientSlideButton>
</div>
)
}
Installation
pnpm dlx shadcn@latest add "https://ui.datthu.site/r/gradient-slide-button.json"
Usage
import { GradientSlideButton } from "@/components/datthuui/gradient-slide-button"<GradientSlideButton className="rounded-3xl">Hover me</GradientSlideButton>Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | React.ReactNode | The content to display inside the button | |
className | string | "" | Additional CSS classes to apply to the element |
colorFrom | string | "#F54900" | The starting color of the gradient |
colorTo | string | "#FF8904" | The ending color of the gradient |