kendo-notification-default-theme-color | null | null | Default: nullComputed: null |
| Description: The default theme color of the Notification.
|
kendo-notification-group-gap | k-spacing(2) | var(--kendo-spacing-2) | Default: k-spacing(2)Computed: var(--kendo-spacing-2) |
| Description: The row-gap between the elements in the Notification group.
|
kendo-notification-padding-x | k-spacing(2) | var(--kendo-spacing-2) | Default: k-spacing(2)Computed: var(--kendo-spacing-2) |
| Description: The horizontal padding of the Notification.
|
kendo-notification-padding-y | k-spacing(1) | var(--kendo-spacing-1) | Default: k-spacing(1)Computed: var(--kendo-spacing-1) |
| Description: The vertical padding of the Notification.
|
kendo-notification-border-width | 1px | 1px | Default: 1pxComputed: 1px |
| Description: The width of the border around the Notification.
|
kendo-notification-border-radius | k-border-radius(md) | var(--kendo-border-radius-md) | Default: k-border-radius(md)Computed: var(--kendo-border-radius-md) |
| Description: The border radius of the Notification.
|
kendo-notification-font-family | var(--kendo-font-family) | var(--kendo-font-family) | Default: var(--kendo-font-family)Computed: var(--kendo-font-family) |
| Description: The font family of the Notification.
|
kendo-notification-font-size | var(--kendo-font-size-sm) | var(--kendo-font-size-sm) | Default: var(--kendo-font-size-sm)Computed: var(--kendo-font-size-sm) |
| Description: The font size of the Notification.
|
kendo-notification-line-height | var(--kendo-line-height) | var(--kendo-line-height) | Default: var(--kendo-line-height)Computed: var(--kendo-line-height) |
| Description: The line height of the Notification.
|
kendo-notification-actions-padding-x | null | null | Default: nullComputed: null |
| Description: The horizontal padding of the Notification actions.
|
kendo-notification-actions-padding-y | $kendo-notification-actions-padding-x | null | Default: $kendo-notification-actions-padding-xComputed: null |
| Description: The vertical padding of the Notification actions.
|
kendo-notification-bg | k-color(surface-alt) | var(--kendo-color-surface-alt) | Default: k-color(surface-alt)Computed: var(--kendo-color-surface-alt) |
| Description: The background color of the Notification.
|
kendo-notification-text | k-color(on-app-surface) | var(--kendo-color-on-app-surface) | Default: k-color(on-app-surface)Computed: var(--kendo-color-on-app-surface) |
| Description: The text color of the Notification.
|
kendo-notification-border | k-color(border) | var(--kendo-color-border) | Default: k-color(border)Computed: var(--kendo-color-border) |
| Description: The border color of the Notification.
|
kendo-notification-shadow | $kendo-popup-shadow | var(--kendo-elevation-4) | Default: $kendo-popup-shadowComputed: var(--kendo-elevation-4) |
| Description: The box shadow of the Notification.
|
kendo-notification-icon-spacing | $kendo-icon-spacing | var(--kendo-spacing-1) | Default: $kendo-icon-spacingComputed: var(--kendo-spacing-1) |
| Description: The horizontal spacing of the Notification icon.
|
kendo-notification-theme-colors | ("base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "inverse") | ("base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "inverse") | Default: ("base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "inverse")Computed: ("base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "inverse") |
| Description: The theme colors map for the Notification.
|
kendo-notification-theme | | inverse: | "color":"var(--kendo-color-on-inverse)","background-color":"var(--kendo-color-inverse)","border":"var(--kendo-color-inverse)" | | error: | "color":"var(--kendo-color-on-error)","background-color":"var(--kendo-color-error)","border":"var(--kendo-color-error)" | | warning: | "color":"var(--kendo-color-on-warning)","background-color":"var(--kendo-color-warning)","border":"var(--kendo-color-warning)" | | success: | "color":"var(--kendo-color-on-success)","background-color":"var(--kendo-color-success)","border":"var(--kendo-color-success)" | | info: | "color":"var(--kendo-color-on-info)","background-color":"var(--kendo-color-info)","border":"var(--kendo-color-info)" | | tertiary: | "color":"var(--kendo-color-on-tertiary)","background-color":"var(--kendo-color-tertiary)","border":"var(--kendo-color-tertiary)" | | secondary: | "color":"var(--kendo-color-on-secondary)","background-color":"var(--kendo-color-secondary)","border":"var(--kendo-color-secondary)" | | primary: | "color":"var(--kendo-color-on-primary)","background-color":"var(--kendo-color-primary)","border":"var(--kendo-color-primary)" | | base: | "color":"var(--kendo-color-on-base)","background-color":"var(--kendo-color-base)","border":"var(--kendo-color-base)" |
| Computed: ("inverse": (color: var(--kendo-color-on-inverse), background-color: var(--kendo-color-inverse), border: var(--kendo-color-inverse)), "error": (color: var(--kendo-color-on-error), background-color: var(--kendo-color-error), border: var(--kendo-color-error)), "warning": (color: var(--kendo-color-on-warning), background-color: var(--kendo-color-warning), border: var(--kendo-color-warning)), "success": (color: var(--kendo-color-on-success), background-color: var(--kendo-color-success), border: var(--kendo-color-success)), "info": (color: var(--kendo-color-on-info), background-color: var(--kendo-color-info), border: var(--kendo-color-info)), "tertiary": (color: var(--kendo-color-on-tertiary), background-color: var(--kendo-color-tertiary), border: var(--kendo-color-tertiary)), "secondary": (color: var(--kendo-color-on-secondary), background-color: var(--kendo-color-secondary), border: var(--kendo-color-secondary)), "primary": (color: var(--kendo-color-on-primary), background-color: var(--kendo-color-primary), border: var(--kendo-color-primary)), "base": (color: var(--kendo-color-on-base), background-color: var(--kendo-color-base), border: var(--kendo-color-base))) |
| Description: The generated theme colors map for the Notification.
|
