Installation

pnpm add @base-ui/react

Examples

Implement this component in your project using Yumma CSS and Base UI.

Base

---

Secondary

A neutral style for less prominent actions.

---

Danger

A high-contrast style for destructive actions.

---

Outlined

A bordered style with a transparent background.

---

Ghost

A subtle style that only appears on hover.

---

Link

A style that mimics a standard text link.

---

Icon

Combine text with an icon for better context.

---

Icon only

Display a button containing only an icon.

---

Loading

Indicate an ongoing process with a spinner.

---

Disabled

Prevent user interaction when the action is unavailable.