Modals
Basic, form, confirmation, and four sizes — built inline with state + fixed overlay + animate-scale-in.
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 fullscreen
Always Centered
Vertically + horizontally centered in viewport
Modals appear with a fixed overlay, dim backdrop, and animate-scale-in entrance. Press Esc or click the backdrop to close.
Accessibility
role=dialog, aria-modal, focus trap
- Esc closes the modal
- Backdrop click closes
- Body scroll locked while open
- role=“dialog” + aria-modal