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?) => NuiToastRefdanger ಟೋಸ್ಟ್ ತೋರಿಸುತ್ತದೆ. ಅದು 8 ಸೆಕೆಂಡ್ ಉಳಿಯುತ್ತದೆ ಮತ್ತು ತಕ್ಷಣವೇ (assertive) ಘೋಷಿಸಲ್ಪಡುತ್ತದೆ.
promiseಮೆಥಡ್(promise, messages) => Promisepromise ಪೂರ್ಣಗೊಳ್ಳುವವರೆಗೆ ಲೋಡಿಂಗ್ ಟೋಸ್ಟ್ ಅನ್ನು, ನಂತರ ಅದರ ಯಶಸ್ಸಿನ ಅಥವಾ danger ಸಂದೇಶವನ್ನು ತೋರಿಸುತ್ತದೆ.
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'Alt ಜೊತೆ ಒತ್ತಿದಾಗ ಅತ್ಯಂತ ಹೊಸ ಟೋಸ್ಟ್‌ಗೆ ಫೋಕಸ್ ಸರಿಸುವ ಕೀ, KeyboardEvent.code ರೂಪದಲ್ಲಿ.