Skip to main content Skip to navigation Skip to search
Name Type Description
i18n
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
content HTMLElement
modalHeader CdsModalHeader
modalFooter CdsModalActions
cdsMotion string
cdsMotionChange EventEmitter<string>
hidden boolean
shadowRootOptions any
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