Overlays

Dialog

Modal decision surface with managed focus, dismissal, and action grouping.

Dialog

Accessibility by default

Semantics, focus, and state announcements must match the real task.

  • Accessible name

    Provide visible text or an explicit aria-label when visual content is not enough.

  • Keyboard and focus

    Keep natural DOM order and preserve focus-visible treatment.

  • State

    Disabled, loading, selected, and open states must stay synchronized with the model.