Modal
Modals can contain critical information and require decisions from the user.
Usage of Modals
Modals disable all app functionality and remain on the screen until a required action has been taken.
Anatomy of Modals (m-modal)
Due to its disruptive nature, modals should be used sparingly. Examples include abandoned checkout, Handy Select booking cancellation, late fees, plan cancellation, and sign out.
1. Modal title (a-text-h3)
2. Content (a-text-paragraph)
3. CTA Group (button-modal-small-primary and secondary)
Last updated