Components

Button

Renders a clickable button or an element styled as a button

Installation

pnpm dlx shadcn@latest add https://reui.io/r/base-button.json

Examples

Secondary

Mono

Destructive

Outline

Dashed

Ghost

With Icon

As Input

Icon Only

Loading

Badge

Size

Circle

Link

Full Width

Disabled

API Reference

This component provides a versatile and customizable button system with various styles, appearances, and sizes.

Button

This is the root component for creating buttons with multiple variants, appearances, sizes, and shapes.

Prop	Type	Default
`variant`	~~enum~~	~~primary~~
`appearance`	~~enum~~
`size`	~~enum~~	md
`shape`	~~enum~~	~~default~~
`mode`	~~enum~~	~~default~~
`underline`	~~enum~~
`underlined`	~~enum~~
`asChild`	~~boolean~~	~~false~~
`className`	~~string~~

Credits

Built with Base UI useRender hook.

PreviouseBreadcrumb NextCheckbox

On This Page

Installation
Examples
API Reference
- Button
Credits

Components

Button

Renders a clickable button or an element styled as a button

Installation

pnpm dlx shadcn@latest add https://reui.io/r/base-button.json

Examples

Secondary

Mono

Destructive

Outline

Dashed

Ghost

With Icon

As Input

Icon Only

Loading

Badge

Size

Circle

Link

Full Width

Disabled

API Reference

This component provides a versatile and customizable button system with various styles, appearances, and sizes.

Button

This is the root component for creating buttons with multiple variants, appearances, sizes, and shapes.

Prop	Type	Default
`variant`	~~enum~~	~~primary~~
`appearance`	~~enum~~
`size`	~~enum~~	md
`shape`	~~enum~~	~~default~~
`mode`	~~enum~~	~~default~~
`underline`	~~enum~~
`underlined`	~~enum~~
`asChild`	~~boolean~~	~~false~~
`className`	~~string~~

Credits

Built with Base UI useRender hook.

PreviouseBreadcrumb NextCheckbox

On This Page

Installation
Examples
API Reference
- Button
Credits