On this page
Modals
Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content. Please read the official Bootstrap documentation for a full list of options.
On this page
Do:
- Use modals when users must complete an action before they can continue with the main workflow
- Always put the most important information first
- Use clear, actionable language for titles and content
- Ensure buttons (or call to actions) are clear and predictable
- Close when user selects the "cancel", the "x" or "okay" buttons
Don't:
- Have more than two buttons which creates unclear action and crowding on small screens
- Use permissive language ("you can") in titles and contents
- Use unnecessary words or articles
3 button Modal
Creates a modal that includes save, don't save, and cancel buttons.
Modal with form
Creates a modal that includes a form.
Ab Hadley
Looking good Dianna! I like the image grid on the left, but it feels like a lot to process and doesn't really show me what the product does? I think using a short looping video or something similar demo'ing the product might be better?