A modal is an overlay that interrupts the user’s task to show an important message, disabling the rest of the screen.
desktop
You are about to proceed with this action, which may affect your access to certain government services.
Please review the details carefully before confirming. If you continue, any changes made will be final and may require additional steps to reverse.
mobile
You are about to proceed with this action, which may affect your access to certain government services.
default: desktop
You are about to proceed with this action, which may affect your access to certain government services.
Please review the details carefully before confirming. If you continue, any changes made will be final and may require additional steps to reverse.
image-based: desktop
You are about to proceed with this action, which may affect your access to certain government services.
Please review the details carefully before confirming. If you continue, any changes made will be final and may require additional steps to reverse.
default: mobile
You are about to proceed with this action, which may affect your access to certain government services.
image-based: desktop
You are about to proceed with this action, which may affect your access to certain government services.
info
You are about to proceed with this action, which may affect your access to certain government services.
Please review the details carefully before confirming. If you continue, any changes made will be final and may require additional steps to reverse.
confirmation
You are about to proceed with this action, which may affect your access to certain government services.
Please review the details carefully before confirming. If you continue, any changes made will be final and may require additional steps to reverse.
default
You are about to proceed with this action, which may affect your access to certain government services.
Please review the details carefully before confirming. If you continue, any changes made will be final and may require additional steps to reverse.
destructive
You are about to proceed with this action, which may affect your access to certain government services.
Please review the details carefully before confirming. If you continue, any changes made will be final and may require additional steps to reverse.
desktop
In order to proceed with this action, please review the following details carefully. This process is irreversible and may result in permanent data loss if not handled properly.
By continuing, you acknowledge that all associated records, user access permissions, linked metadata, and historical logs related to this entry will be deleted. If this item is currently shared across multiple teams or integrated with external systems, those connections may also be disrupted. It is strongly recommended that you double-check all dependencies and ensure that appropriate backups have been made.
Should you have any doubts, please consult with your system administrator or project coordinator before confirming this action. Scroll down to review all relevant terms, conditions, and potential consequences before proceeding with deletion.
In order to proceed with this action, please review the following details carefully. This process is irreversible and may result in permanent data loss if not handled properly.
By continuing, you acknowledge that all associated records, user access permissions, linked metadata, and historical logs related to this entry will be deleted. If this item is currently shared across multiple teams or integrated with external systems, those connections may also be disrupted. It is strongly recommended that you double-check all dependencies and ensure that appropriate backups have been made.
Should you have any doubts, please consult with your system administrator or project coordinator before confirming this action. Scroll down to review all relevant terms, conditions, and potential consequences before proceeding with deletion.
max-height
In order to proceed with this action, please review the following details carefully. This process is irreversible and may result in permanent data loss if not handled properly.
By continuing, you acknowledge that all associated records, user access permissions, linked metadata, and historical logs related to this entry will be deleted. If this item is currently shared across multiple teams or integrated with external systems, those connections may also be disrupted. It is strongly recommended that you double-check all dependencies and ensure that appropriate backups have been made.
Should you have any doubts, please consult with your system administrator or project coordinator before confirming this action. Scroll down to review all relevant terms, conditions, and potential consequences before proceeding with deletion.
In order to proceed with this action, please review the following details carefully. This process is irreversible and may result in permanent data loss if not handled properly.
By continuing, you acknowledge that all associated records, user access permissions, linked metadata, and historical logs related to this entry will be deleted. If this item is currently shared across multiple teams or integrated with external systems, those connections may also be disrupted. It is strongly recommended that you double-check all dependencies and ensure that appropriate backups have been made.
Should you have any doubts, please consult with your system administrator or project coordinator before confirming this action. Scroll down to review all relevant terms, conditions, and potential consequences before proceeding with deletion.
truncation
In order to proceed with this action, please review the following details carefully. This process is irreversible and may result in permanent data loss if not handled properly.
By continuing, you acknowledge that all associated records, user access permissions, linked metadata, and historical logs related to this entry will be deleted. If this item is currently shared across multiple teams or integrated with external systems, those connections may also be disrupted. It is strongly recommended that you double-check all dependencies and ensure that appropriate backups have been made.
Should you have any doubts, please consult with your system administrator or project coordinator before confirming this action. Scroll down to review all relevant terms, conditions, and potential consequences before proceeding with deletion.
Are you sure you want to delete this item?
This is a standard modal with image and content for balanced layouts.
Large modals are perfect for longer forms or rich content areas.
Use fullscreen modals for dashboards, media previews, or immersive layouts.
Scroll the content to see sticky buttons at the bottom.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel magna orci. Pellentesque habitant morbi tristique senectus et netus.
Suspendisse eu turpis vel leo tempus dapibus a non nulla. Sed bibendum viverra nunc, ut tempus est mattis ut.
Mauris porttitor facilisis ligula, vel volutpat ligula ultricies nec. Sed feugiat faucibus odio, nec luctus nunc gravida vel.
Phasellus id felis non leo placerat volutpat ac non odio. Nulla at lectus sed ligula suscipit dignissim.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.