Core Examples

Accessible React components with Base UI and Yumma CSS.

Base

Standard implementation with default configuration.

---

Horizontal

Arranges children in a row using fd-r.

---

Multiple

Allows the selection of more than one item.

---

Icon Examples

Icon-only buttons and decorative configurations.

Icon

Replaces or supplements text with an Icon element.

---

Icon Circle

Renders the Icon inside a circular container.

---

Shape Examples

Shapes from sharp to fully rounded.

Square

Applies sharp corners with no br-(value).

---

Squircle

Applies a smooth continuous curve between adjacent corners.

---

More Examples

Additional variants and interactive states.

Label

Adds a Label component for accessible context.