Back to components
buttonsButtonSecondaryTailwind
Secondary Button
A reusable, accessible, and customizable secondary button component.
Preview
Installation
npx aura-ui@latest add secondary-buttonSource Code
import { Button } from "@/components/ui/button"
export default function Example() {
return <Button variant="secondary">Secondary</Button>
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "secondary" | "secondary" | The logic/style variant of the button. |
| size | "default" | "sm" | "lg" | "icon" | "default" | The size of the button. |
| onClick | function | - | Function called when the button is clicked. |
| children | node | - | The content to display within the button. |