Components

A catalog of accessible UI primitives built on Micra — copy the markup and the component definition into your project and own the code. No package to install beyond Micra itself, no styling framework required.

Each primitive ships keyboard support, focus management, and ARIA wiring, and stays inside Micra’s no-build model: server-rendered markup plus a small component definition.

Available primitives

Every primitive below has a page with a live demo and the full source you can paste in.

• Toggle — accessible switch bound to boolean state.
• Modal — focus-trapped dialog with Escape-to-close and a backdrop.
• Tabs — roving-tabindex tab list with panels.
• Toast — transient notifications with auto-dismiss and a timer cleanup.
• Accordion — single-open disclosure group.
• Dropdown — menu with outside-click close.
• Slider — range input with a live value readout.
• Tooltip — hover and focus tooltips with ARIA wiring.
• Tag input — token field with add and remove.
• Breadcrumb — navigation trail derived from state.
• Combobox — autocomplete input with a filtered listbox.
• Table — sortable, filterable, paginated data table.
• Date picker — month calendar with keyboard-free selection.
• Command palette — launcher (Cmd/Ctrl-K) over actions.

Every primitive follows the patterns shown in the Directives and Recipes sections.