Button
A simple customizable button component with a variety of variants to choose from.
NOTE: This is a starting point for the Button component. You can customize it according to your needs, we are adding more variants as you read this guide, so stay tuned for more updates.
Examples
Installation
npx shadcn@latest add "https://aurora-ui-opal.vercel.app/c/button.json"
Component Props
You can customize the content of the Button by passing the following props:
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | - | Content to be displayed inside the button. |
| className | string | - | Additional class names to be applied to the button. |
| variant | default | destructive | success | default | Variant of the button. |
| size | default | sm | lg | icon | default | Size of the button. |
| ...props | any | - | Additional props to be passed to the button. |
Credits
This one goes to shadcn for the original idea and implementation — we are building variants on top of it. here.