ema-notification

Overall

Used to notify users of some infomation. Similar to Web Notification.

Properties

| Property | Attribute | Type | Default | Description | |-------------|-------------|--------------------------------------------------|-------------|------------------------------------| | placement | placement | "top_right" \| "bottom_right" \| "bottom_left" \| "top_left" | "top_right" | Where notifications are displayed. |

CSS Custom Properties

| Property | Default | Description | |------------------------------|---------|-----------------------------------| | --ema-c-notification-space | "8px" | Space between notification items. |

ema-notification-item

Overall

ema-notification's item element.

Properties

| Property | Attribute | Type | Default | Description | |----------|-----------|-----------|---------|--------------------------------------------------| | id | id | string | "" | ID of the item.Used as an argument of item tap events. | | opened | opened | boolean | false | Visibility flag. | | text | text | string | "" | Notification item text. | | title | title | string | "" | Title of the notification item. |

Events

| Event | Type | Description | |------------|--------------------------------|--------------------------------------------------| | item-tap | CustomEvent<{ id: string; }> | Fires when an item is tapped.Returns selected option's id. |

CSS Custom Properties

| Property | Default | Description | |------------------------------------|-----------|-------------------| | --ema-c-notificationItem-bgColor | "#5289ea" | Background color. |