Modals
User Details Modal
A comprehensive user details modal with tabs for Details, Activity, and Permissions. Features a modern design with gradient header.
Delete Confirmation Modal
A warning modal for delete confirmation with an animated icon and clear action buttons.
Basic Modal
Toggle a working modal demo by clicking the button below. It will slide down and fade in from the top of the page.
Centered Modal
Add .modal-dialog-centered to .modal-dialog to vertically center the modal.
Modal Sizes
Modals have three optional sizes, available via modifier classes to be placed on a .modal-dialog.
Success Modal
A success message modal with icon and custom styling.
Delete Confirmation
A warning modal for delete confirmation with custom design.
Modal with Form
A modal containing a form for user input.
Scrollable Modal
When modals become too long, they scroll independently of the page.