Button props including variant, size, and standard button attributes
A styled button element
The Button component is built on top of tailwind-variants for consistent styling and supports the Radix UI Slot pattern for composition.
// Default button
<Button>Click me</Button>
// Destructive action
<Button variant="destructive">Delete</Button>
// Large outline button
<Button variant="outline" size="lg">Learn More</Button>
// As child (renders as anchor)
<Button asChild>
<a href="/page">Link Button</a>
</Button>
buttonVariants for available style variants
A versatile button component with multiple variants and sizes.