Docs
Gradient Slide Button
Gradient Slide Button
A dynamic and stylish button that reveals a vibrant gradient as you hover over it.
Installation
pnpm dlx shadcn@latest add to-setup
Usage
import { GradientSlideButton } from "@components/ui/gradient-slide-button";<GradientSlideButton className="rounded-3xl">Hover me</GradientSlideButton>Props
gradient-slide-button props.
| Prop | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | The content inside the button. | (required) |
| className | string | Additional custom classes for styling. | - |
| colorFrom | string | The starting color of the gradient effect. | "#F54900" |
| colorTo | string | The ending color of the gradient effect. | "#FF8904" |