Modals
Basic, form, confirmation, and four sizes — built on the Portal-based Modal component (z-110, ESC + backdrop close, body scroll lock).
Basic Modal
Title, body, and footer actions
Form Modal
Invite a teammate with inline validation
Confirmation Dialog
Danger intent with cancel/confirm
Sizes
sm, md, lg, and xl
Always Centered
Vertically + horizontally centered in viewport
Modals render via createPortal todocument.body at z-110, with a dimmed backdrop and animate-scale-in entrance.
Press Esc or click the backdrop to close.
Accessibility
ESC, backdrop, scroll lock, focus
- Esc closes the modal
- Backdrop click closes
- Body scroll locked while open
- Portal — renders above sidebar