furo-ui5-notification-group-display #

@furo/ui5 v1.18.0
import '@furo/ui5/src/furo-ui5-notification-group-display.js';
exports FuroUi5NotificationGroupDisplay js
exports <furo-ui5-notification-group-display> custom-element-definition
superclass LitElement
mixes FBP

Summary: ui5 notification group display

Description #

Notification display component that works together with furo-ui5-notification. Best place the furo-ui5-notification-group-display on the main site. then you only need one furo-ui5-notification-group-display. you can also use more furo-ui5-notification-group-display’s for special needs. But You have to be sure the furo-ui5-notification-group-display can receive the notification events.

Example #

1
2
3
4
5

<furo-ui5-notification-group-display 
  fn-clear-all="--clearRequested"></furo-ui5-notification-group-display>
<furo-ui5-notification 
  fn-inject-notification-collection="--notificationsJson"
></furo-ui5-notification>

Attributes and Properties #

headerText #

header-text string default: ''

the header text of the notification

target #

target Object

the target dom object, which sends the notification event

collapsed #

collapsed Boolean

Defines if the group is collapsed or expanded.

showCounter #

show-counter Boolean

Defines if the items counter would be displayed.

showClose #

show-close Boolean

Defines if the close button would be displayed.

Methods #

clearAll #

clearAll() ⟹ void

* → fn-clear-all

clear all notifications