Skip to content

Overlay Drawer component

Placeholder github Source Userrequested to merge
eoc/468-dialog into main

Changes proposed in this pull request:

  • Adds an OverlayDrawer component

How to test

  1. Spin up a local server (a CF Token is not needed)
  2. Navigate to /prototype/tables
  3. Click the "open dialog" button in the top left corner

Notes

  • Focus trapping is being handled natively by the element, so the trapping behavior is a bit different than our current USWDS modal in that it extends focus to browser buttons.

Screenshots

Open drawer:

Screenshot 2024-09-05 at 4 33 36 PM

Mobile:

Screenshot 2024-09-05 at 4 34 44 PM

Related issues

Part of #468 (closed)

Submitter checklist

  • Added logging is not capturing sensitive data and is set to an appropriate level (DEBUG vs INFO etc)
  • Updated relevant documentation (README, ADRs, explainers, diagrams)

Security considerations

None, UI element only

Merge request reports