modal-drawer-system - Modal & Drawer System Generator
Create accessible modal dialogs and drawer components with focus management
Tags
Updated: 2026-06-30Capabilities
Typical Inputs
Typical Outputs
What this skill does
- create modal
- create drawer
- render component
- handle close
- trap focus
- restore focus
- lock scroll
- unlock scroll
- render portal
- handle keyboard
- set ARIA attributes
Inputs
- component type
- modal content
- drawer content
- size config
- position config
- title text
- description text
Outputs
- dialog component
- drawer component
- confirmation dialog
- form modal
- detail view
- page scroll state
Requirements
- React environment
- document body access
- portal rendering support