Needless UI

કમ્પોનન્ટ્સ

Tour

દરેક પગલા માટે એક કાર્ડ, જેના વિશે છે તેની બાજુમાં, અને આસપાસનું પેજ ઝાંખું.

ઇમ્પોર્ટ

import-tour.ts
import { NuiTour, type NuiTourStep } from '@needless-ui/angular/tour';

NuiTour

એક ગાઇડેડ ટૂર.

સિલેક્ટર
nui-tour
નામપ્રકારડિફૉલ્ટવર્ણન
stepsઇનપુટNuiTourStep[][]પગલાં, ક્રમમાં.
openદ્વિમાર્ગીbooleanfalseટૂર ચાલુ છે કે નહીં.
stepદ્વિમાર્ગીnumber0બતાવેલું પગલું, 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પ્રોપર્ટીnumber8સ્પૉટલાઇટમાં ટાર્ગેટની આસપાસની જગ્યા, પિક્સેલમાં.
interactiveપ્રોપર્ટીbooleanfalseકાર્ડ દેખાતું હોય ત્યારે ટાર્ગેટ વાપરી શકાય છે.
beforeShowપ્રોપર્ટી() => void | Promise<void>પગલું દેખાય તે પહેલાં ચાલે છે. પ્રૉમિસ મળે તો ટૂર તેની રાહ જુએ છે.