Patterns

Composition guidance for combining Monogem's documented primitives to solve a recurring screen-level problem. A pattern is never a new components/ui/* primitive and never adds a token — it's guidance plus a live composition example, built entirely from components already documented elsewhere on this site.

Why a separate section from Components? Form, Combobox, and Date Picker are compositions too, but each is tied to one component's own page — Combobox and Date Picker sit beside the Command/Calendar primitives they wrap, and Form sits beside no primitive of its own. Patterns is for composition guidance that isn't anchored to a single component's page — it can cite several components at once and stands on its own.

#	Pattern	What it covers
1	Empty States	What a content region shows when it has nothing to render.
2	Search	Narrowing a set of content by typing — a plain field or a Combobox.
3	Navigation	Combining Navbar, Sidebar Nav, Bottom Nav, Breadcrumb, Tabs, and Pagination on one screen.

Each pattern reads in the same shape as a component page — Overview, Anatomy, a live example, Usage Guidance, Do / Don't, Accessibility, and Responsive Behavior — with a small "Pattern" label to keep it visually distinct from a component.