Components/Button

Button

Displays a button or a component that looks like a button.

Installation

npx ajaxui add button

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

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

Prop	Type	Default	Description
variant	"solid" \| "outline" \| "ghost" \| "link" \| "secondary" \| "danger" \| "danger-outline"	"solid"	The visual style of the button.
size	"xs" \| "sm" \| "md" \| "lg" \| "xl" \| "icon"	"md"	Controls the padding and font size.
asChild	boolean	false	Merges props onto the immediate child element.
disabled	boolean	false	Prevents interaction and applies visual feedback.