moonstone/Notification

Moonstone-styled Notification components.

import Notification from '@enact/moonstone/Notification';

A Moonstone styled modal component with a message, and an area for additional controls.

import Notification from '@enact/moonstone/Notification';

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';

buttons: 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.
children: The contents for the body of the Notification.
css: 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
noAutoDismiss: Indicates that the notification will not trigger onClose on the ESC key press.
Default: false
onClose: Called 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 to false.
open: Controls the visibility of the Notification.
By default, the Notification and its contents are not rendered until open.
Default: false
scrimType: Determines the technique used to cover the screen when the notification is present.
Values: 'transparent', 'translucent', or 'none'.
Default: 'transparent'

Variable Types Key:ArrayBooleanFunctionModuleNumberObjectString