CSS custom properties

--mds-modal-custom-closed-transformSets the transform position of the custom window when it’s outside the viewport, to it’s default position

--mds-modal-custom-window-distanceSet the distance between the slotted modal window and the screen bounds

--mds-modal-overlay-colorSet the overlay color of the background when the component is opened, this property can be inherited from globals.css in styles^8.0.0.

--mds-modal-overlay-opacitySet the overlay color opacity of the background when the component is opened, this property can be inherited from globals.css in styles^8.0.0.

--mds-modal-transition-durationSets the transition-duration of the modal elements

--mds-modal-transition-timing-funcitonSets the transition-timing-funciton of the modal elements

--mds-modal-window-backgroundSet the background color of the window

--mds-modal-window-distanceSet the distance between the modal window and the screen bounds

--mds-modal-window-max-widthIf the viewport is greather than mobile, max-width will be considered with this value;

--mds-modal-window-min-widthIf the viewport is greather than mobile, min-width will be considered with this value;

--mds-modal-window-overflowSet the overflow of the window

--mds-modal-window-radiusSet the border radius of the window

--mds-modal-window-shadowSet the box shadow of the window

--mds-modal-z-indexSet the z-index of the window when the component is opened

Parts

action-closeSelects the close button of the modal.

dialog

windowSelects the default window element of the modal when used.