1.7.0 • Published 10 months ago

@maggioli-design-system/mds-push-notification v1.7.0

Weekly downloads
-
License
MIT
Repository
-
Last release
10 months ago

mds-push-notification

Properties

PropertyAttributeDescriptionTypeDefault
dateFormatdate-formatSpecifies if the notification date format shows time passed or displays date as a static stringstring'timeago'
datetime--Specifies the notification date based on standard ISO 8601.string & { __isISO8601DateFormat: "ISO8601Date"; } \| undefinedundefined
deletabledeletableSpecifies if the component is dismissable or not, it should be set to true by default is used with it's parent component mds-push-notificationsbooleantrue
iconiconSpecifies the icon to be displayedstring \| undefinedundefined
initialsinitialsThe user's inizials displayed if there's no image available, initials will override tone and variant senttings to keep user recognizable from othersstring \| undefinedundefined
messagemessageSpecifies the message of the componentstring'Nessun messaggio disponibile'
previewpreviewSpecifies if the src attribute is used to show a the image as avatar or full image"avatar" \| "image" \| undefined'image'
srcsrcSpecifies the path to the imagestring \| undefinedundefined
subjectsubjectSpecifies the subject of the componentstring \| undefinedundefined
tonetoneSpecifies the color tone of the component"strong" \| "weak" \| undefined'weak'
variantvariantSpecifies the color variant of the component"amaranth" \| "aqua" \| "blue" \| "error" \| "green" \| "info" \| "lime" \| "orange" \| "orchid" \| "primary" \| "sky" \| "success" \| "violet" \| "warning" \| "yellow" \| undefinedundefined

Events

EventDescriptionType
mdsPushNotificationCloseEmits when the component is closedCustomEvent<MdsPushNotificationEventDetail>

Slots

SlotDescription
"actions"Add HTML elements or components, it is recommended to use mds-button element.
"badge"Add HTML elements or components, it is recommended to use mds-badge element.

Shadow Parts

PartDescription
"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

Dependencies

Depends on

Graph

graph TD;
  mds-push-notification --> mds-avatar
  mds-push-notification --> mds-img
  mds-push-notification --> mds-text
  mds-push-notification --> mds-button
  mds-avatar --> mds-img
  mds-avatar --> mds-icon
  mds-img --> mds-icon
  mds-img --> mds-text
  mds-img --> mds-button
  mds-button --> mds-spinner
  mds-button --> mds-icon
  mds-button --> mds-text
  style mds-push-notification fill:#f9f,stroke:#333,stroke-width:4px

Built with love @ Gruppo Maggioli from R&D Department

1.7.0

10 months ago

1.6.3

10 months ago

1.6.2

10 months ago

1.6.1

10 months ago

1.6.0

10 months ago

1.5.2

1 year ago

1.5.1

1 year ago

1.5.0

1 year ago

1.4.6

1 year ago

1.4.5

1 year ago

1.4.4

1 year ago

1.4.3

1 year ago

1.4.1

1 year ago

1.4.0

1 year ago

1.2.0

1 year ago

1.1.0

1 year ago