RevTree

Add modal windows

Prototype modal interactions (and decide when you should avoid them).

Goal

Prototype a modal interaction safely.

Steps

  1. Pick a use case (help text, confirmation, details).
  2. Implement a modal (component or pattern).
  3. Test keyboard focus and escape/close.

Notes

Source inspiration: hippo-prototyping discussion https://github.com/hippo-digital/hippo-prototyping/discussions/41