API du composant Visite guidée

Import

import-tour.ts

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

Une visite guidée.

NuiTour: Propriétés
Nom	Type	Par défaut	Description
`steps`Input	`NuiTourStep[]`	`[]`	Les étapes, dans l’ordre.
`open`Bidirectionnel	`boolean`	`false`	Indique si la visite est en cours.
`step`Bidirectionnel	`number`	`0`	L’étape affichée, à partir de 0.
`labels`Input	`Partial<NuiTourLabels>`		Tous les textes qu’elle affiche, à traduire.
`finished`Output	`void`		Émet quand la dernière étape est terminée.
`dismissed`Output	`number`		Émet l’étape sur laquelle la visite s’est arrêtée, quand elle s’arrête avant la fin.
`start`Méthode	`(from?: number) => void`		Démarre la visite, à la première étape ou à celle indiquée.
`end`Méthode	`(finished: boolean) => void`		Met fin à la visite, comme terminée ou abandonnée.

Une étape de la visite.

NuiTourStep: Propriétés
Nom	Type	Par défaut	Description
`target`Propriété	`string \| Element \| (() => Element \| null)`		Ce qu’elle désigne. Sans cible, la carte s’affiche au centre.
`title`Propriété	`string`		Le titre de la carte.
`content`Propriété	`string \| TemplateRef`		Son texte, ou un template.
`side`Propriété	`'top' \| 'bottom' \| 'start' \| 'end'`	`'bottom'`	Le côté de la cible où se place la carte.
`align`Propriété	`'start' \| 'center' \| 'end'`	`'center'`	L’alignement de la carte par rapport à la cible.
`padding`Propriété	`number`	`8`	Marge autour de la cible mise en évidence, en pixels.
`interactive`Propriété	`boolean`	`false`	La cible reste utilisable pendant que la carte est affichée.
`beforeShow`Propriété	`() => void \| Promise<void>`		S’exécute avant l’affichage de l’étape. Si elle renvoie une promesse, la visite l’attend.