70,79%
  1. Home
  2. UI Features
  3. Modals

Modals

Basic

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

Basic Icon Center Icon No Title No Footer Center Bootstrap
Contextual

You can use any of the avaible contextual classes to create a styled modal.

Primary Success Info Warning Danger
Header Color

Colored Header Modals

Primary Success Info Warning Danger
Full Color

Full Colored Modals

Primary Success Info Warning Danger
Sizes

Set the size of the modal using a CSS class.

Extra Small Small Medium Large Full
Modal with CSS animation

Animations are added with simple CSS transitions, you can make them look however you wish.

Open with fade-zoom animation
Open with fade-slide animation
Form

Modal with a form and buttons.

Open Form