OrionNotif

useNotif.[color](options) displays a notification at the bottom right of the screen.

Popables

OrionNotif, OrionAside and OrionModal are parts of the Popables family.

It means that all the OrionNotif you open will be kept in queue.

This behaviour can be customized to fit your needs.
More informations on this mecanism on the Popables documentation.

Usage

TIP

Notifications are generally used programatically with the useNotif service.

However, like <o-modal> and <o-aside>, you can use <o-notif> in a template, and make it visible through the display boolean prop.

NotifStyle NotifPlayground

Props

displayboolean = false

optionsPartial<Orion.Notif.Options> = () => {}

Events

enter-start

No payload

enter-end

No payload

leave-start

No payload

leave-end

No payload

PublicInstance

resetTimer

() => void

_loader

() => OrionLoader

uid

number

bus

Bus

state

{
	isClosing: boolean;
	isOpening: boolean;
	isMounted: boolean;
	visible: boolean;
}

options

Orion.Popable.Options

open

(keepInQueue?: boolean) => Promise<void>

(options?: Orion.Popable.CloseOptions | undefined) => Promise<void>

trigger

(eventName: string, params?: any) => void

animateAsync

(enter: boolean) => Promise<void>

removeProgrammatic

() => void

isLastOpenedPopable

() => boolean

_el

(() => HTMLElement | undefined) | undefined

Provide

_notif

publicInstance