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 |