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-button Component For <label> that checks the checkbox to opens/closes 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