OcNotificationMessage component

Description

The OcNotificationMessage component can be used to display notification messages to the user. You usually want to wrap it inside the OcNotifications component which serves as a container that can be positioned in different places on the screen.

Examples

Default

The basic usage of the component needs a title property. An optional message can be provided to give more context to the user.

Folder has been created successfully.

Success

Folder has been created successfully.

<oc-notification-message title="Folder has been created successfully." />
<oc-notification-message title="Success" message="Folder has been created successfully." />

Statuses

There are different statuses available for the notification message: passive, primary, success, warning and danger.

Folder has been created successfully.

Folder has been created successfully.

Folder has been created successfully.

Folder has been created under a different location.

Folder could not be created.

<oc-notification-message title="Folder has been created successfully." status="passive" />
<oc-notification-message title="Folder has been created successfully." status="primary" />
<oc-notification-message title="Folder has been created successfully." status="success" />
<oc-notification-message
  title="Folder has been created under a different location."
  status="warning"
/>
<oc-notification-message title="Folder could not be created." status="danger" />

Properties

Emits

Slots