Modal
A pop-up dialog for displaying content or actions in a focused overlay.
Modal
preventCloseType:
booleanPrevents the Modal component from closing when clicked outside
Default:
falseintensityType:
"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl"Controls the intensity of the drop component backdrop.
Default:
smmodeType:
"light" | "dark"Sets the theme mode for the backdrop component.
Default:
systemvalue*Type:
stringProvides the modal's value, typically used for managing the active state.
Default:
classNameType:
stringCustom class for the Modal
Default:
ModalPanel
sizeType:
"auto" | "sm" | "md" | "lg" | "xl" | "full"Size of the Panel
Default:
autoradiusType:
"md" | "lg" | "xl" | "2xl" | "3xl"Shape of the Panel
Default:
mdclassNameType:
stringOptional string to add custom CSS classes.
Default:
underfinedmodeType:
"light" | "dark"A shared theme mode across other modal component ('Header','Footer')
Default:
systemModalHeader
showBorderType:
booleanAdds border-bottom to the component.
Default:
trueModalContent
centerContentType:
booleanCenters all it content
Default:
falseModalFooter
showBorderType:
booleanAdds border-top to the component.
Default:
truepositionType:
"right" | "left"Specifies the alignment of the footer content.
Default:
right