토스트 API · Needless UI

가져오기

import-toast.ts

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

토스트를 표시하는 서비스입니다. 어디서든 주입할 수 있습니다.

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초 동안 머무르며 즉시 안내됩니다.
`promise`메서드	`(promise, messages) => Promise`	프로미스가 처리될 때까지 로딩 토스트를 표시한 다음, 성공 또는 danger 메시지를 표시합니다.
`dismiss`메서드	`(id?: string) => void`	토스트 하나 또는 전부를 닫습니다.

토스트가 나타나는 영역입니다. 앱 셸에 한 번만 배치합니다.

NuiToasterRegion: 속성
이름	타입	기본값	설명
`position`입력	`'top-start' \| 'top-center' \| 'top-end' \| 'bottom-start' \| 'bottom-center' \| 'bottom-end'`	`'bottom-end'`	뷰포트의 모서리 또는 가장자리. 시작과 끝은 텍스트 방향을 따릅니다.
`expanded`입력	`boolean`	`false`	스택을 계속 펼쳐 둡니다.
`label`입력	`string`	`'Notifications (Alt+T)'`	영역의 접근 가능한 이름. 영역으로 이동하는 방법을 알려 줍니다.
`closeLabel`입력	`string`	`'Dismiss'`	닫기 버튼의 접근 가능한 이름.
`hotkey`입력	`string`	`'KeyT'`	Alt와 함께 눌러 최신 토스트로 포커스를 옮기는 키로, `KeyboardEvent.code` 값으로 지정합니다.