Aura UI
Back to components
buttonsButtonOutlineTailwind

Outline Button

A reusable, accessible, and customizable outline button component.

Preview

Installation

npx aura-ui@latest add outline-button

Source Code

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

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

Props

PropTypeDefaultDescription
variant"outline""outline"The logic/style variant of the button.
size"default" | "sm" | "lg" | "icon""default"The size of the button.
childrennode-The content to display within the button.