Modal

Modal is used to show a dialog or a box when you click a button.

Class name
Type
modal Component Container element
modal-box Component The content of modal
modal-action Component Container for modal buttons
modal-toggle Component For checkbox that controls modal
modal-open
Modifier
Add/remove this class to open/close the modal using JS
modal-bottom
Responsive
Moves the modal to bottom
modal-middle
Responsive
Moves the modal to middle (default)
# Responsive: Modal goes bottom on mobile screen and goes middle on desktop
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like daisyUI? tweet about it!
Support daisyUI's development: Open Collective