Components

Button

Renders a clickable button or an element styled as a button

Installation

pnpm dlx shadcn@latest add @restrictui/base-button

Examples

Radius Full

Link

Open in

Full Width

Open in

Disabled

Open in

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~~

PreviouseBreadcrumb NextCheckbox

On This Page

Installation
Examples
API Reference
- Button

Components

Button

Renders a clickable button or an element styled as a button

Open in

Installation

pnpm dlx shadcn@latest add @restrictui/base-button

Examples

Secondary

Open in

Mono

Open in

Destructive

Open in

Outline

Open in

Dashed

Open in

Ghost

Open in

With Icon

Open in

As Input

Open in

Icon Only

Open in

Loading

Open in

Badge

Open in

Size

Open in

Radius Full

Link

Open in

Full Width

Open in

Disabled

Open in

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~~

PreviouseBreadcrumb NextCheckbox

On This Page

Installation
Examples
API Reference
- Button