@emanon/ema-notification

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.