# Presentational (CSS-only) Use when you just need styles, no controller. ## Index - [`badge`](#badge) — Small status/label badge with variants - [`breadcrumb`](#breadcrumb) — Breadcrumb navigation trail (conceptually Navigation) - [`button`](#button) — Button styles with variants and sizes - [`card`](#card) — Container with header, body and footer slots - [`divider`](#divider) — Horizontal rule, optionally with a centered label - [`input-label`](#input-label) — Styled form label and text input --- ## badge CSS-only, no controller needed. - **`.c42-badge`** — variants via `data-variant="accent|success|warning|danger"` --- ## breadcrumb CSS-only, no controller needed. - **`.c42-breadcrumb`** — breadcrumb navigation trail --- ## button CSS-only, no controller needed. - **`.c42-button`** — variants via `data-variant="primary|secondary|outline|ghost|danger"` - sizes via `data-size="sm|lg"` - icon-only via `data-icon` --- ## card CSS-only, no controller needed. - **`.c42-card`** with **`.c42-card-header`**, **`.c42-card-body`**, **`.c42-card-footer`** --- ## divider CSS-only, no controller needed. - **`.c42-divider`** — horizontal rule, or **`.c42-divider--text`** with a label --- ## input-label CSS-only, no controller needed. - **`.c42-label`** — form label, optional `data-required` - **`.c42-input`** — styled text input