Button - Olyx UI

Preview

Installation


pnpm dlx @olyx/cli@latest add button

Usage

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

<Button>Button</Button>

API Reference

Button

Styled wrapper for Button from Base UI.

Prop	Type	Default
`variant`	`"primary" \| "neutral" \| "error" \| "link"`	`"primary"`
`mode`	`"filled" \| "lighter" \| "ghost" \| "stroke"`	`"filled"`
`size`	`"sm" \| "md" \| "lg"`	`"md"`
`asIcon`	`boolean`	`false`
`asRtl`	`boolean`	`false`

All props from Base UI Button are also supported.

Examples

Primary

Neutral

Error

Sizes

With Icon

Icon Only

Icon Only Sizes

Loading

Disabled

Breadcrumb

Button Group

On this page

Preview Installation Usage API Reference Button Examples Primary Neutral Error Sizes With Icon Icon Only Icon Only Sizes Loading Disabled