Modals

Launch default Bootstrap dialog overlays with different size variations: small, default, large, and extra-large.

A multi-step setup flow divided into pages with step state indicators, perfect for patient onboarding or appointment scheduling.

Contextual popups styled with centered clinical icons and text blocks, commonly used for action confirmations or warnings.

Adjust alignment configurations to center dialogs vertically or enable scrollable body text panels.

Headers styled with solid medical palette colors to quickly grab the user's attention based on notification context.

Filled modal panels featuring solid contextual backgrounds for high-impact notifications.

Open a secondary modal from within a primary one, automatically hiding the first one during transitions.

Launch a dialog that expands to cover the entire browser viewport, or responsive fullscreen modes for mobile views.

Static backdrop configuration: the modal won't close if a user clicks outside the modal dialog box.

Trigger the same modal using different action buttons, passing custom attributes dynamically to the input fields.