Tabs anatomy

Rendered anatomy and behavior contracts for htmx tabs, tab panels, and route tabs

8 items

Chirp UI ships three tab-like contracts:

  • tabs(...) and tab(...) from chirpui/tabs.html
  • tabs_container(...), tab_button(...), and tab_panel(...) from chirpui/tabs_panels.html
  • render_route_tabs(...) and route_tabs(...) from chirpui/route_tabs.html

Route tabs are URL-backed navigation links withrole="navigation"and aria-current="page". They are not ARIA tab widgets. Client-side tab panels use thechirpuiTabs() Alpine controller and escaped data-tab-idattributes.

The full rendered contract, ARIA roles, htmx behavior, Alpine behavior, route tab semantics, and proof locations live in the canonical source guide: docs/TABS-ANATOMY.md.