moonstone/ Notification
Moonstone-styled Notification components.
import Notification from '@enact/moonstone/Notification';
Members
NotificationComponent
A Moonstone styled modal component with a message, and an area for additional controls.
import Notification from '@enact/moonstone/Notification';
NotificationBaseComponent
A Moonstone styled notification component.
It provides a notification modal which can be opened and closed, overlaying an app. Apps will want to use moonstone/Notification.Notification.
import {NotificationBase} from '@enact/moonstone/Notification';
Properties
Buttons for the Notification.
These typically close or take action in the Notification. Buttons must have their
size
property set to'small'
and will be coerced to'small'
if not specified.The contents for the body of the Notification.
Customizes the component by mapping the supplied collection of CSS class names to the corresponding internal Elements and states of this component.
The following classes are supported:
notification
- The root class name
Indicates that the notification will not trigger
onClose
on the ESC key press.Default: falseCalled when a closing action is invoked by the user.
These actions include pressing ESC key or clicking on the close button. It is the responsibility of the callback to set the
open
state tofalse
.Controls the visibility of the Notification.
By default, the Notification and its contents are not rendered until
open
.Default: falseDetermines the technique used to cover the screen when the notification is present.
Values:
'transparent'
,'translucent'
, or'none'
.
Default: 'transparent'