Skip to main content Skip to navigation Skip to search
Name Type Description
i18n { closeButtonAriaLabel: string; contentStart: string; contentBox: string; contentEnd: string; }
closable boolean If false, the modal will not render the close button.
size "default" | "sm" | "lg" | "xl" Sets the overall height and width of the modal and icon based on value
Name
--backdrop-background
--layered-backdrop-background
--border-color
--border-width
--border-radius
--background
--box-shadow
--width
--content-overflow
--max-height
--tablet-max-height
Name Desription
closeChange notify when the user has clicked the close button
Name Description
Content slot for inside the alert
cds-modal-content Content slot for inside the alert
cds-modal-header Content slot for inside the alert
cds-modal-actions Content slot for inside the alert