import { GradientSlideButton } from "@/components/ui/gradient-slide-button"
export function GradientSlideButtonDemo() {
return (
<div>
<GradientSlideButton className="rounded-3xl">
Hover me
</GradientSlideButton>
</div>
)
}
pnpm dlx shadcn@latest add https://badtz-ui.com/r/gradient-slide-button.json
import { GradientSlideButton } from "@/components/ui/gradient-slide-button";<GradientSlideButton className="rounded-3xl">Hover me</GradientSlideButton>GradientSlideButton props.
| Prop | Type | Default |
|---|---|---|
children | React.ReactNode | - |
className? | string | - |
colorFrom? | string | "#F54900" |
colorTo? | string | "#FF8904" |
On This Page