UI

Modal

Open in

Modal Component

A versatile modal component with multiple style options and configurations.

Basic Modal

A simple modal with overlay background.

Modal with Title

Shows a header with title and close button.

Modal with Subtitle

Shows a header with title, subtitle and close button.

Modal without Border

Header without bottom border separation.

Blur Background Modal

Uses a blur effect on the background.

Without Close Button

Modal without the close button.

No Overlay Close

Modal won't close when clicking overlay.

Custom Styled Modal

Using className to customize modal appearance.

Forced Action Modal

User must accept terms to dismiss modal.