OrionNotif

useNotif.[color](options) affiche une notification personnalisable en bas à droite de l'écran.

Popables

OrionNotif, OrionAside et OrionModal font partie de la famille des Popables.

Cela signifie que toutes les OrionNotif que vous ouvrez seront conservées dans une file d'attente.

Ce comportement peut être adapté en fonction de vos besoins.
Plus d'informations dans la documentation des popables.

Usage

Astuce

Les notification sont généralement créées programmatiquement.

Toutefois, à l'instar de <o-modal> et <o-aside>, vous pouvez utiliser <o-notif> dans un template, et la rendre visible via la prop boolean display.

NotifStyle NotifPlayground

Props

displayboolean = undefined

optionsPartial<Orion.Popable.Options> & Partial<Orion.Notif.Options> = () => ({}) as Partial<Orion.Popable.Options>

Events

enter-start

enter-end

leave-start

leave-end

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) => Promise<void>

trigger

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

animateAsync

(enter: boolean) => Promise<void>

removeProgrammatic

() => void

isLastOpenedPopable

() => boolean

_el

() => HTMLElement | undefined

Provide

_notif

publicInstance