Modals can have different sizes. Use the size prop to change the size of the modal. This example uses the sm and md size.
Show codeHide code
Modals can have different sizes. Use the size prop to change the size of the modal. This example uses the lg and xl size.
Show codeHide code
Modals can have different sizes. Use the size prop to change the size of the modal. This example uses the 2xl and 3xl size.
Show codeHide code
Modals footers can be aligned to the left, right or center. Use the footer-align prop to change the alignment of the footer.
Show codeHide code
Name
Type
Default
sizeThe size of the modal.
Show exampleHide example
shapeThe shape of the modal.
Show exampleHide example
footer-alignThe alignment of the footer content.
Show exampleHide example
classesShow exampleHide example
openWhether the modal is open.
Show exampleHide example
Name
Slot Prop Type
#headerShow exampleHide example
#defaultShow exampleHide example
#footer