examples / non-modal
Non-modal panel
Keep the surrounding page interactive beside a persistent sheet.
All recipesLive package
Preview
Phone viewport: 390 × 780
Loading preview…
Prerequisites
- A workflow that must coexist with page interaction.
Behavior
- Non-modal mode leaves surrounding controls available.
Accessibility notes
- The dialog omits aria-modal and does not contain focus.
- A visible close control remains available.