Needless UI

Компоненты

Toast

Короткие сообщения, которые складываются в стопку, смахиваются и никогда не перехватывают фокус.

Импорт

import-toast.ts
import { NuiToaster, NuiToasterRegion } from '@needless-ui/angular/toast';

NuiToaster

Сервис, который показывает уведомления. Внедряйте его где угодно.

Селектор
inject(NuiToaster)
ИмяТипПо умолчаниюОписание
toastsМетодSignal<readonly NuiToast[]>Все уведомления на экране, начиная с самого нового.
showМетод(options: NuiToastOptions | string) => NuiToastRefПоказывает уведомление. Передайте заголовок или параметры с описанием, тоном, длительностью, действием или id.
successМетод(title, options?) => NuiToastRefПоказывает уведомление об успехе.
warningМетод(title, options?) => NuiToastRefПоказывает уведомление-предупреждение.
dangerМетод(title, options?) => NuiToastRefПоказывает уведомление об ошибке (тон danger). Оно держится 8 секунд и озвучивается в режиме assertive.
promiseМетод(promise, messages) => PromiseПоказывает уведомление о загрузке, пока промис не завершится, а затем сообщение об успехе или ошибке.
dismissМетод(id?: string) => voidЗакрывает одно уведомление или все сразу.

NuiToasterRegion

Область, в которой появляются уведомления. Разместите её один раз в оболочке приложения.

Селектор
nui-toaster
ИмяТипПо умолчаниюОписание
positionInput'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-center' | 'bottom-end''bottom-end'Угол или край области просмотра. Начало и конец зависят от направления текста.
expandedInputbooleanfalseДержит стопку раскрытой веером.
labelInputstring'Notifications (Alt+T)'Доступное имя области. Укажите в нём, как до неё добраться.
closeLabelInputstring'Dismiss'Доступное имя кнопок закрытия.
hotkeyInputstring'KeyT'Клавиша в формате KeyboardEvent.code, которая вместе с Alt переводит фокус на самое новое уведомление.