The library is still in early development. Breaking changes and bugs may occur without prior notice. Thanks for your interest in using the library!
A versatile component used to trigger actions or events.
Import the Button
component from @bun-ui/react
and use it in your project:
import { Button } from "@bun-ui/react"
<Button>Click me</Button>
Use the variant
prop to change the visual style of the Button.
Primary
Secondary
Accent
Neutral
Success
Destructive
The Button
component supports the following sizes:
Prop | Type | Default | Description |
---|---|---|---|
asChild | boolean | false | Whether to render the button as a child component. |
color | "primary" | "secondary" | "destructive" | "accent" | "neutral" | "success" | "primary" | The color scheme of the button. |
size | "sm" | "md" | "lg" | "md" | Size of the button. The |
variant | "text" | "outlined" | "contained" | "contained" | The visual style variant of the button. |