Gradient Button
Glossy gradient button with inner ring shine, outer glow, and press effect. 8 color presets + full custom gradient support.
| Prop | Type | Default | Description |
|---|---|---|---|
color | ColorPreset | "blue" | Preset color theme (blue, purple, green, red, orange, pink, cyan, indigo) |
colorFrom | string | — | Custom gradient start class (overrides preset) |
colorTo | string | — | Custom gradient end class (overrides preset) |
glowColor | string | — | Custom glow ring-offset class (overrides preset) |
size | SizePreset | "md" | Button size (sm, md, lg) |
children | React.ReactNode | — | Button content |
className | string | — | Additional CSS classes |
All standard <button> HTML attributes are also supported.