Base UI Radix UI

Components

Button (Radix UI)

Renders a clickable button or an element styled as a button

Loading

Installation

pnpm dlx shadcn@latest add @toui/button

Examples

Secondary

Loading

Destructive

Loading

Outline

Loading

Dashed

Loading

Ghost

Loading

With Icon

Loading

Icon Only

Loading

Loading

Loading

Badge

Loading

Size

Loading

Radius Full

Loading

Link

Loading

Full Width

Loading

Disabled

Loading

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 or Radix UI Slot.

On This Page

Installation
Examples
API Reference
- Button
Credits

We use cookies

We use cookies to ensure you get the best experience on our website. For more information on how we use cookies, please see our cookie policy.

By clicking Accept, you agree to our use of cookies.
Learn more.