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
1
Import the component
2
Use like this
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. |