ইমপোর্ট
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> | ধাপ দেখানোর আগে চলে। প্রমিস দিলে ট্যুর তার জন্য অপেক্ষা করে। |