Modal Components

Interactive dialog boxes and popups for user interactions

Basic Modal

Simple

A simple modal dialog with title, content and action buttons.

Large Modal

Size

A larger modal for displaying more detailed content and information.

Small Modal

Compact

A compact modal perfect for quick confirmations and alerts.

Form Modal

Form

Modal with form inputs for collecting user information.

Confirmation Modal

Alert

A modal for confirming destructive actions with warning styling.

Centered Modal

Position

Vertically centered modal for better visual balance.

Scrollable Modal

Scroll

Modal with scrollable content for long-form content.

Full Screen Modal

Fullscreen

Full screen modal that takes over the entire viewport.