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ਖ਼ਤਰੇ ਵਾਲਾ ਟੋਸਟ ਦਿਖਾਉਂਦਾ ਹੈ। ਇਹ 8 ਸਕਿੰਟ ਰਹਿੰਦਾ ਹੈ ਅਤੇ ਇਸ ਦਾ ਐਲਾਨ ਤਰਜੀਹ ਨਾਲ ਹੁੰਦਾ ਹੈ।
promiseਮੈਥਡ(promise, messages) => Promiseਪ੍ਰੌਮਿਸ ਪੂਰਾ ਹੋਣ ਤੱਕ ਲੋਡਿੰਗ ਟੋਸਟ ਦਿਖਾਉਂਦਾ ਹੈ, ਫਿਰ ਉਸ ਦਾ ਸਫਲਤਾ ਜਾਂ ਖ਼ਤਰੇ ਵਾਲਾ ਸੁਨੇਹਾ।
dismissਮੈਥਡ(id?: string) => voidਇੱਕ ਟੋਸਟ ਨੂੰ, ਜਾਂ ਸਾਰਿਆਂ ਨੂੰ ਹਟਾਉਂਦਾ ਹੈ।

NuiToasterRegion

ਉਹ ਖੇਤਰ ਜਿੱਥੇ ਟੋਸਟ ਦਿਸਦੇ ਹਨ। ਇਸ ਨੂੰ ਐਪ ਸ਼ੈੱਲ ਵਿੱਚ ਇੱਕ ਵਾਰ ਰੱਖੋ।

ਸਿਲੈਕਟਰ
nui-toaster
ਨਾਮਟਾਈਪਡਿਫ਼ਾਲਟਵੇਰਵਾ
positionਇਨਪੁੱਟ'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-center' | 'bottom-end''bottom-end'ਵਿਊਪੋਰਟ ਦਾ ਕੋਨਾ ਜਾਂ ਕਿਨਾਰਾ। ਸ਼ੁਰੂ ਅਤੇ ਅੰਤ ਟੈਕਸਟ ਦੀ ਦਿਸ਼ਾ ਮੁਤਾਬਕ ਤੈਅ ਹੁੰਦੇ ਹਨ।
expandedਇਨਪੁੱਟbooleanfalseਸਟੈਕ ਨੂੰ ਫੈਲਾ ਕੇ ਰੱਖਦਾ ਹੈ।
labelਇਨਪੁੱਟstring'Notifications (Alt+T)'ਖੇਤਰ ਦਾ ਪਹੁੰਚਯੋਗ ਨਾਮ। ਇਸ ਵਿੱਚ ਦੱਸੋ ਕਿ ਉੱਥੇ ਕਿਵੇਂ ਪਹੁੰਚਣਾ ਹੈ।
closeLabelਇਨਪੁੱਟstring'Dismiss'ਬੰਦ ਕਰਨ ਵਾਲੇ ਬਟਨਾਂ ਦਾ ਪਹੁੰਚਯੋਗ ਨਾਮ।
hotkeyਇਨਪੁੱਟstring'KeyT'ਉਹ ਕੁੰਜੀ, KeyboardEvent.code ਵਜੋਂ, ਜੋ Alt ਨਾਲ ਦਬਾਉਣ ’ਤੇ ਫ਼ੋਕਸ ਨੂੰ ਸਭ ਤੋਂ ਨਵੇਂ ਟੋਸਟ ’ਤੇ ਲੈ ਜਾਂਦੀ ਹੈ।