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
Name
display
boolean = undefined
options
any = () => ({}) as Partial<Orion.Popable.Options>
PublicInstance
Name
Type
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>
close
(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
Name
Type
_notif
publicInstance