Default modal

Modal with primary color

Use the .modal-primary classes to style the modal window using primary colors. To apply a scaling animation, add the .scale class to the .modal element.

Modal with secondary color

Use the .modal-secondary classes to style the modal window using secondary colors. To apply a scaling animation, add the .scale class to the .modal element.

Modal with info color

Use the .modal-info classes to style the modal window using info colors. To apply a scaling animation, add the .scale class to the .modal element.

Modal with success color

Use the .modal-success classes to style the modal window using success colors. To apply a scaling animation, add the .scale class to the .modal element.

Modal with warning color

Use the .modal-warning classes to style the modal window using warning colors. To apply a scaling animation, add the .scale class to the .modal element.

Modal with danger color

Use the .modal-danger classes to style the modal window using danger colors. To apply a scaling animation, add the .scale class to the .modal element.