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. |