API del componente Recorrido guiado

Importación

import-tour.ts

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

Un recorrido guiado.

NuiTour: Propiedades
Nombre	Tipo	Predeterminado	Descripción
`steps`Input	`NuiTourStep[]`	`[]`	Los pasos, en orden.
`open`Bidireccional	`boolean`	`false`	Si el recorrido está en marcha.
`step`Bidireccional	`number`	`0`	El paso que se muestra, desde 0.
`labels`Input	`Partial<NuiTourLabels>`		Todos los textos que muestra, para traducirlos.
`finished`Output	`void`		Emite cuando se completa el último paso.
`dismissed`Output	`number`		Emite el paso en el que terminó el recorrido, cuando termina antes de tiempo.
`start`Método	`(from?: number) => void`		Inicia el recorrido, desde el primer paso o desde el indicado.
`end`Método	`(finished: boolean) => void`		Termina el recorrido, como completado o descartado.

Un paso del recorrido.

NuiTourStep: Propiedades
Nombre	Tipo	Predeterminado	Descripción
`target`Propiedad	`string \| Element \| (() => Element \| null)`		Lo que señala. Sin objetivo, la tarjeta aparece en el centro.
`title`Propiedad	`string`		El título de la tarjeta.
`content`Propiedad	`string \| TemplateRef`		Su texto, o una plantilla.
`side`Propiedad	`'top' \| 'bottom' \| 'start' \| 'end'`	`'bottom'`	En qué lado del objetivo va la tarjeta.
`align`Propiedad	`'start' \| 'center' \| 'end'`	`'center'`	Cómo se alinea la tarjeta con el objetivo.
`padding`Propiedad	`number`	`8`	Margen alrededor del objetivo resaltado, en píxeles.
`interactive`Propiedad	`boolean`	`false`	El objetivo se puede usar mientras la tarjeta está visible.
`beforeShow`Propiedad	`() => void \| Promise<void>`		Se ejecuta antes de mostrar el paso. Si devuelve una promesa, el recorrido la espera.