0.3.2 • Published 3 years ago
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. |