Dialogs

Explore various dialog designs, ideal for engaging user interactions, confirmations, or displaying important information.

Alert

Dialogs designed for alert messages, warnings, or critical information.

Live preview:
Alert Alternate

Alternate alert dialog box for displaying critical notifications or warnings.

Live preview:
Basic

Basic dialog layout for general use, adaptable for various content types.

Live preview:
Body Scroll

Dialogs with a body-scroll feature for lengthy content.

Live preview:
Confirmation

Dialogs specifically designed for confirmation actions, such as accepting or declining.

Live preview:
Confirmation Alternate

An alternative style for confirmation dialogs, offering a different visual approach.

Live preview:
Content Scroll

Dialogs with scrollable content, suitable for presenting detailed information.

Live preview:
Content Scroll Well

Scrollable content dialogs with a `well` design for depth and emphasis.

Live preview:
Customization

Customizable dialogs that can be tailored to specific user needs or preferences.

Live preview:
Full Screen

Full-screen dialogs for immersive content presentation or complex interactions.

Live preview:
Sidebar Navigation

Dialogs featuring sidebar navigation for efficient user flow and organization.

Live preview:
Tabs Navigation

Dialogs organized with tabbed navigation for structured content display.

Live preview:
Transitions

Dialogs enhanced with transition effects for a dynamic user experience.

Live preview: