Notification

import { Notification } from 'notivue'

import 'notivue/notification.css'

Built-in notifications component. Not necessary if using Custom Components.

Props

interface NotificationsProps {
  /**
   * Notivue's exposed notification item.
   *
   * @required
   * @default undefined
   */
  item: NotivueItem
  /**
   * Which icons to use.
   *
   * One of `filledIcons` or `outlinedIcons`.
   *
   * @default filledIcons
   */
  icons?: NotivueIcons
  /**
   * Which theme to use.
   *
   * One of `lightTheme`, `pastelTheme`, `materialTheme`, `darkTheme` or `slateTheme`.
   *
   * @default lightTheme
   */
  theme?: NotivueTheme
  /**
   * Close button's aria label.
   *
   * @default "Close"
   */
  closeAriaLabel?: string
  /**
   * Whether to not render the close button at all.
   *
   * @default false
   */
  hideClose?: boolean
}