buttonsButtonPrimaryTailwind

Primary Button

A reusable, accessible, and customizable primary button component.

Preview

npx aura-ui@latest add primary-button

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

export default function Example() {
  return <Button>Click me</Button>
}

Prop	Type	Default	Description
className	`string`	-	The class name to apply to the component.
variant	`"primary" \| "secondary" \| "outline" \| "ghost"`	`"primary"`	The logic/style variant of the button.
size	`"default" \| "sm" \| "lg" \| "icon"`	`"default"`	The size of the button.
asChild	`boolean`	`false`	Whether to render as a child component (Slot).
children	`node`	-	The content to display within the button.