Skip to main content

Notifications

lib.notify​

Custom notifications with a lot of styling options.

lib.notify(data)
  • id?: string
    • When set the current notification will be unique and only shown once on screen when spammed.
  • title?: string
    • Must provide if there is no description
  • description?: string
    • Must provide if there is no title
    • Markdown support
  • duration?: number
  • position?: 'top' or 'top-right' or 'top-left' or 'bottom' or 'bottom-right' or 'bottom-left' or 'center-right' or 'center-left'
    • Default: 'top-right'
  • type?: 'inform' or 'error' or 'success'
    • Default: 'inform'
  • style?: table (object)
    • React CSS styling format
  • icon?: string
    • Font Awesome 6 icon name
  • iconColor: string
caution

Setting iconColor will get rid of the contrasted icon colour and it's circular background.

Usage Example​

Standard​

lib.notify({
    title = 'Notification title',
    description = 'Notification description',
    type = 'success'
})

notification

Custom​

lib.notify({
    id = 'some_identifier',
    title = 'Notification title',
    description = 'Notification description',
    position = 'top',
    style = {
        backgroundColor = '#141517',
        color = '#909296'
    },
    icon = 'ban',
    iconColor = '#C53030'
})

custom_notification