NUED | Notification

Back to navigation

Can be customised to trigger push notifications upon user actions.

Properties

Title

Message

Show Icon

Icon Name

Position

Variant

Dismissible

Dismiss Interval

Usage

          
            
    <NuedNotification
      ref="notificationRef"
      title="" // Set to '' by default, this is the notification title.
      message="" // Set to '' by default, this is the body of the notification with more detailed information.
      showIcon=false // Toggle between show/hide of an icon. DEPENDENT ON AN ICON NAME!
      iconName="" // By default set to '', you can provide the full name or alias of any icon in the 'Icon' page.
      position="right" // Choose between 'left' | 'right'. Default is 'right'.
      variant="info" // Choose between 'info' | 'success' | 'warning' | 'danger'. Default is 'info'.
      dismissible=false // Set to false by default, toggle manual dismissal of notifications.
      autoDismissInterval=5000 // Set to 5000 by default, customise the time after which notifications are dismissed.
    />

    <NuedButton @click="notificationRef?.show()">
      Show Notification
    </NuedButton>