इम्पोर्ट
import { NuiTour, type NuiTourStep } from '@needless-ui/angular/tour';NuiTour
एक गाइडेड टूर.
| नाव | प्रकार | डीफॉल्ट | वर्णन |
|---|---|---|---|
stepsइनपुट | NuiTourStep[] | [] | पायऱ्या, क्रमाने. |
openदुतर्फी | boolean | false | टूर सुरू आहे का. |
stepदुतर्फी | number | 0 | दाखवलेली पायरी, 0 पासून मोजलेली. |
labelsइनपुट | Partial<NuiTourLabels> | टूर दाखवत असलेला प्रत्येक मजकूर, भाषांतरासाठी. | |
finishedआउटपुट | void | शेवटची पायरी पूर्ण झाल्यावर एमिट करते. | |
dismissedआउटपुट | number | टूर लवकर संपल्यास, ती ज्या पायरीवर संपली ती पायरी एमिट करते. | |
startमेथड | (from?: number) => void | टूर सुरू करते, पहिल्या पायरीपासून किंवा दिलेल्या पायरीपासून. | |
endमेथड | (finished: boolean) => void | टूर पूर्ण झाली किंवा मध्येच थांबवली असे मानून ती संपवते. |
NuiTourStep
टूरची एक पायरी.
| नाव | प्रकार | डीफॉल्ट | वर्णन |
|---|---|---|---|
targetप्रॉपर्टी | string | Element | (() => Element | null) | ती ज्याकडे निर्देश करते ते. ते नसल्यास कार्ड मध्यभागी दिसते. | |
titleप्रॉपर्टी | string | कार्डचे शीर्षक. | |
contentप्रॉपर्टी | string | TemplateRef | तिचा मजकूर, किंवा टेम्पलेट. | |
sideप्रॉपर्टी | 'top' | 'bottom' | 'start' | 'end' | 'bottom' | कार्ड टार्गेटच्या कोणत्या बाजूला जाते. |
alignप्रॉपर्टी | 'start' | 'center' | 'end' | 'center' | कार्ड टार्गेटशी कसे संरेखित होते. |
paddingप्रॉपर्टी | number | 8 | स्पॉटलाइटमध्ये टार्गेटभोवतीची जागा, पिक्सेलमध्ये. |
interactiveप्रॉपर्टी | boolean | false | कार्ड दिसत असताना टार्गेट वापरता येते. |
beforeShowप्रॉपर्टी | () => void | Promise<void> | पायरी दिसण्याआधी चालते. प्रॉमिस मिळाल्यास टूर त्याची वाट पाहते. |