Usage
The Gradient Button is a visually striking component that features an animated rotating conic gradient border. It’s perfect for creating eye-catching call-to-action buttons or highlighting important interactive elements.Props
| Prop Name | Type | Default | Description |
|---|---|---|---|
borderWidth | number | 2 | Width of the gradient border in pixels. |
colors | string[] | Rainbow Colors Array | Array of colors used in the conic gradient border. |
duration | number | 2500 | Duration of the gradient rotation animation in milliseconds. |
borderRadius | number | 8 | Border radius for rounded corners in pixels. |
blur | number | 4 | Blur intensity of the gradient border effect in pixels. |
class | string | "" | Additional CSS classes for custom styling. |
bgColor | string | "#000" | Background color of the button content. |