Reference context
Quick metadata and tags for this reference, kept secondary so the preview stays first.
Domain
Components
Category
Modals
States covered
3
Code variants
3
modalsheetsettings
A side sheet modal for editing settings without breaking the context of the current page.
Try clicking, typing, or toggling controls to inspect right side sheet modal behavior.
Quick metadata and tags for this reference, kept secondary so the preview stays first.
Move through the library without jumping back to the category page.
Nearby patterns from the same category or domain to compare structure, tone, and implementation choices.
A confirmation modal with light hierarchy for actions that require clear user intent.
A higher-emphasis confirmation modal for destructive flows that need stronger caution cues.
A success-focused modal for confirming a completed action with a calmer celebratory treatment.