Modals interrupt the current flow to deliver critical information or request a decision. Prizma modals always include a title, a supporting message, and a primary action. They are centered on screen and overlay a dimmed background.
Anatomy
Verification failed
We couldn’t verify your identity. Please try again with better lighting.
Variants
Identity verified
You can continue with your process.
Verification failed
We couldn’t verify your identity.
Camera access needed
Allow access to continue with face verification.
Tokens
TokenRoleLayer
--modal-surfaceModal card backgroundComponent--modal-borderModal card borderComponent--modal-titleTitle text colorComponent--modal-subSupporting text colorComponent--modal-overlayBackground overlay colorComponent--modal-close-iconClose icon colorComponent--radius-modalModal corner radiusSemanticComponent tokens
The color tokens for this component live in Color → Tokens, and its spacing, radius, and type map to the shared foundation scales.