Headless UI Patterns

Quick Guide: Headless UI ships behaviour with no appearance: ARIA, keyboard navigation and focus management are automatic, and every visual decision is yours through className. v2 uses flat compound components (Menu + MenuButton + MenuItems + MenuItem), publishes state as data-* attributes rather than render props, positions floating panels through the anchor prop, and animates through the transition prop with data-closed / data-enter / data-leave. v2 is React only — the Vue package remains at v1.

Detailed Resources: