Skip to main content

Positions

enum NgxToastPosition {
BottomCenter = 'bottom-center',
BottomFullWidth = 'bottom-full-width',
BottomLeft = 'bottom-left',
BottomRight = 'bottom-right',
TopCenter = 'top-center',
TopFullWidth = 'top-full-width',
TopLeft = 'top-left',
TopRight = 'top-right',
Center = 'center',
}

Each position gets its own fixed, flex-column stack container - toasts shown at different positions stack independently:

toastService.showToastSuccess('Saved!', { position: NgxToastPosition.TopRight })
toastService.showToastInfo('Also saved!', {
position: NgxToastPosition.BottomLeft,
})