Modal Window

Inspinia modal window

Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.

To creata a custom Inspinia modal all you have to do is to add .inmodal class to html modal element. Modal contains title, content and footer

Optional sizes

Modals have two optional sizes, available via modifier classes to be placed on a .modal-dialog

Animation Effect

You can add any animation effect to your modal window. Just pick up some of the effect from animation page and add it to .modal-content elemente.


Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-backdrop="".

Name Type Default Description
backdrop boolean or the string 'static' true Includes a modal-backdrop element. Alternatively, specify static for a backdrop which doesn't close the modal on click.
keyboard boolean true Closes the modal when escape key is pressed
focus boolean true Puts the focus on the modal when initialized.
show boolean true Shows the modal when initialized.