Components/Buttons
Styled Button
An elegant styled button with vibrant radial gradients, shadow glows, and smooth active transitions.
buttonradial-gradient
Preview
Installation
npx shadcn@latest add @grootstudio/styled-buttonUsage
Props
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| href | string | | The URL or path that the button links to. | |
| children | ReactNode | | The content to display inside the button. | |
| variant | 'neutral' | 'rose' | 'blue' | neutral | The background color scheme and border color of the button. | |
| size | 'sm' | 'md' | 'lg' | md | The height and padding size of the button. | |
| className | string | | Additional CSS classes for custom styling. |