Installation Link

Copy the following to the <head>of your HTML

<link rel="stylesheet" href="https://design-with-ira.netlify.app/installationLinks/modal.css">

Modals are used to show messages to the user, or prompt them to take a particular course of action. They appear on top of the main interface.This is done to attract the user's attention. Click on the buttons below to give a live example of a modal.

Modal Header

This is a stacked modal. Give modal text here

To implement this functionality, add the modal class to the wrapper element.

Additional Classes

Second Class of Wrapper

modal-simple is used to create a simple modal style [optional]. modal-stacked is used to create a stacked modal style [optional].

Others

modal-heading is used to style the heading [optional]. modal-body is used to style the paragraph [optional].