GradientButton
A button with a rotating conic-gradient rainbow border and blur effect.
Basic Usage
Custom Colors
Change the gradient with the colors prop.
Blue / Purple
Rose / Orange
Emerald / Cyan
Border Width & Blur
Adjust thickness with borderWidth and
softness with blur.
1px / 2px blur
2px / 4px blur
4px / 8px blur
Animation Speed
Control the rotation speed with the duration prop (in ms).
1000ms
2500ms
5000ms
Border Radius
Change the shape with the borderRadius prop.
0px
8px (default)
100px
Background Color
Set the content area background with the bgColor prop.