Aura UI
Back to components
buttonsButtonSecondaryTailwind

Secondary Button

A reusable, accessible, and customizable secondary button component.

Preview

Installation

npx aura-ui@latest add secondary-button

Source Code

import { Button } from "@/components/ui/button"

export default function Example() {
  return <Button variant="secondary">Secondary</Button>
}

Props

PropTypeDefaultDescription
variant"secondary""secondary"The logic/style variant of the button.
size"default" | "sm" | "lg" | "icon""default"The size of the button.
onClickfunction-Function called when the button is clicked.
childrennode-The content to display within the button.