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
ArrayElementElement

Buttons for the Notification.

These typically close or take action in the Notification. Buttons must have their small property set and will be coerced to small if not specified.

children
Node

The contents for the body of the Notification.

css
Object

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
Boolean

Indicates that the notification will not trigger onClose on the ESC key press.

Default: false
onClose
Function

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
Boolean

Controls the visibility of the Notification.

By default, the Notification and its contents are not rendered until open.

Default: false
scrimType
String

Determines the technique used to cover the screen when the notification is present.

  • Values: 'transparent', 'translucent', or 'none'.

Default: 'transparent'
ArrayBooleanFunctionModuleNumberObjectString