Needless UI

Vijenzi

Ziara ya kuongozwa

Kadi kwa kila hatua, kando ya kile inachohusu, huku ukurasa unaoizunguka ukififia.

Kuingiza

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

NuiTour

Ziara ya kuongozwa.

Kiteuzi
nui-tour
JinaAinaChaguomsingiMaelezo
stepsInputNuiTourStep[][]Hatua, kwa mpangilio.
openPande mbilibooleanfalseKama ziara inaendelea.
stepPande mbilinumber0Hatua inayoonyeshwa, kuanzia 0.
labelsInputPartial<NuiTourLabels>Kila maandishi ambayo ziara huonyesha, ili kuyatafsiri.
finishedOutputvoidHutoa tukio hatua ya mwisho inapokamilika.
dismissedOutputnumberHutoa hatua ambayo ziara iliishia, ikiisha mapema.
startMbinu(from?: number) => voidHuanzisha ziara, kuanzia hatua ya kwanza au ile uliyotoa.
endMbinu(finished: boolean) => voidHumaliza ziara, kama iliyokamilika au iliyoachwa.

NuiTourStep

Hatua ya ziara.

JinaAinaChaguomsingiMaelezo
targetSifastring | Element | (() => Element | null)Kile inachoelekeza. Bila lengo, kadi huonekana katikati.
titleSifastringKichwa cha kadi.
contentSifastring | TemplateRefMaandishi yake, au template.
sideSifa'top' | 'bottom' | 'start' | 'end''bottom'Upande wa lengo ambako kadi huwekwa.
alignSifa'start' | 'center' | 'end''center'Jinsi kadi inavyojipanga na lengo.
paddingSifanumber8Nafasi kuzunguka lengo ndani ya mwangaza, kwa pikseli.
interactiveSifabooleanfalseLengo linaweza kutumika kadi ikiwa wazi.
beforeShowSifa() => void | Promise<void>Hutekelezwa kabla hatua haijaonyeshwa. Ziara husubiri promise.