Modal
Modal
Modal Properties
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 |
Modal CSS Properties
Name |
---|
--backdrop-background |
--layered-backdrop-background |
--border-color |
--border-width |
--border-radius |
--background |
--box-shadow |
--width |
--content-overflow |
--max-height |
--tablet-max-height |
Modal Events
Name | Desription |
---|---|
closeChange | notify when the user has clicked the close button |
Modal Slots
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 |