Steps

Guía al usuario para completar tareas de acuerdo con el proceso. Sus pasos pueden configurarse de acuerdo con el escenario de aplicación real y el número de pasos no puede ser inferior a dos.

Uso básico

Barra de pasos simple.

Step bar con el estatus

Muestra el estado del step para cada paso.

Centrado

El título y la descripción pueden estar centrados.

Step bar con descripción

Puede poner una descripción para cada paso.

Step bar con icono

En la barra de pasos se pueden utilizar diversos iconos personalizados.

Step bar vertical

Step bar vertical.

Step bar simple

Step bar simple, donde se ignorará align-center, description, direction y space.

API de Steps

Atributos de Steps

Nombre	Descripción	Tipo	Por defecto
space	el espaciado de cada paso, será responsivo si se omite. Soporta porcentaje.	`number` / `string`	''
direction	dirección de visualización	`enum`	horizontal
active	actual paso de activación	`number`	0
process-status	estatus del paso actual	`enum`	process
finish-status	estatus del paso final	`enum`	finish
align-center	centrado de título y descripción	`boolean`	—
simple	si aplicar un tema simple	`boolean`	—

Slots de Steps

Nombre	Descripción	Subtags
default	personaliza el contenido por defecto	Step

API de Steps

Atributos de steps

Nombre	Descripción	Tipo	Por defecto
title	titulo del paso	`string`	''
description	descripción del paso	`string`	''
icon	icono personalizado. Los iconos también se pueden pasar a través del slot con nombre	`string` / `Component`	—
status	estado actual. Se configurará automáticamente mediante Steps si no está configurado.	`enum`	''