इम्पोर्ट
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> | स्टेप दिखने से पहले चलता है। प्रॉमिस मिलने पर टूर उसका इंतज़ार करता है। |