Skip to content
Magma
Design System
Documentation
Components
Magma
Design System
Collapse the navigation
Expand the navigation
Search
Home
Foundation
Tokens
Icons
Components
Building blocks
Patterns
Brand assets
Development
Community
Magma on GitHub
Magma Storybook
Preferences
Components
Push notification item
<mds-push-notification-item>
Generated from
@maggioli-design-system/magma@2.3.0
dist/documentation.json
. Encapsulation:
shadow
.
CSS custom properties
--mds-push-notification-item-duration
Duration of the individual push notification item animation.
--mds-push-notification-item-icon-background-color
Background color of the item’s icon.
--mds-push-notification-item-icon-color
Color of the item’s icon.
--mds-push-notification-item-message-line-clamp
Number of lines to clamp the message text.
--mds-push-notification-item-shadow
Shadow applied to the push notification item.
--mds-push-notification-item-subject-line-clamp
Number of lines to clamp the subject text.
--mds-push-notification-item-timing-function
Timing function used for the item animation.
Parts
actions
The actions wrapper
avatar
content
The content wrapper of the message
icon
The icon set by
icon
attribute
picture
The picture image added by
src
attribute
Documentation
Search
Ctrl
K
Cancel