Button

Trigger actions with a single click.

Installation

pnpm add @base-ui/react

Free, accessible React button components built with Base UI for actions, forms, and navigation with primary, secondary, and ghost variants.

A neutral style for less prominent actions.

A subtle background style with danger hover effect.

A high-contrast style for destructive actions.

A bordered style with a transparent background.

A subtle style that only appears on hover.

A style that mimics a standard text link.

Add content to a playlist or queue.

Like or favorite content with a count.

Add items to shopping cart.

Review items in shopping cart before checkout.

Combine text with an icon for better context.

Display a button containing only an icon.

Indicate an ongoing process with a spinner.

Group multiple buttons together.

Group icon-only buttons together.

Pill-shaped buttons with icon and text: primary, secondary, and outline.

Prevent user interaction when the action is unavailable.