Bonsai Design System

Button

A versatile button component with multiple variants and sizes

Preview

Sizes

Props

Prop

Type

Usage

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

<Button variant="outline" size="sm">Click me</Button>

With asChild

Use asChild to render as a different element:

import Link from "next/link"

<Button asChild>
  <Link href="/dashboard">Go to Dashboard</Link>
</Button>

Install

npx shadcn add @bonsai/button

On this page