The following CSS selectors can be used in stylesheets to target the various parts and states of the component.
- Root element
-
vaadin-notification-card
Parts
- Notification card
-
vaadin-notification-card::part(overlay)
- Content wrapper
-
vaadin-notification-card::part(content)
Style Variants
- Success
-
vaadin-notification-card[theme="success"]
- Warning
-
vaadin-notification-card[theme="warning"]
- Error
-
vaadin-notification-card[theme="error"]
- Primary
-
vaadin-notification-card[theme="primary"]
- Contrast
-
vaadin-notification-card[theme="contrast"]