Getting Started with the Angular Stepper Component

Learn how to add the Syncfusion Angular Stepper component to an Angular application. This video demonstrates how to create an Angular app and add the Syncfusion Angular Stepper component to it. You will learn how to create a simple progress flow indicator on an e-commerce checkout page by adding steps, labeling them, and adding icons to them.

The Syncfusion Angular Stepper is a highly customizable component that lets users navigate through a series of steps in a process within a web application. It displays a list of steps, highlighting the current step.
The Stepper supports different step types, orientations, linear flows, label positions, and template customization. It also supports tooltips to show additional information when users hover over a step, such as a label or text. Tooltips can be customized using templates to provide more detailed information.

You can set the validation state for each step to display a success or error icon. The Stepper component supports these built-in themes: Tailwind CSS, Bootstrap 5, Bootstrap 4, Bootstrap, Material, Fabric, Fluent, and high contrast. Users can customize any of these or create a new theme to achieve their desired look and feel by overriding SASS variables or using our Theme Studio application.

TRIAL LICENSE KEY
-----------------
If you need a trial license key, start your Angular trial from your Syncfusion account and then obtain your trial license key from the downloads page:

Check your eligibility for a free license for all Essential Studio products on our Community License page.

BOOKMARK DETAILS
-------------------
[00:00] Introduction
[00:29] Create an Angular app
[01:25] Add the Angular Stepper component
[03:49] Add icons

ANGULAR STEPPER
---------------------

SUBSCRIBE
---------

SOCIAL COMMUNITIES
-------------------

#angular #navigation #stepper

[martinmoraramirez]

Hola, quiero hacer una pregunta, estoy implementando el stepper en mi proyecto de ionic 7 con angular 17, queria saber si se puede hacer un guardado de datos embebido, soy nuevo, y la verdad, queria preguntarte,
Porque se que al seleccionar datos, e ingresar datos a los inputs se guarda en una clase por decirlo asi, y por ejemplo, yo quiero que en el primer step seleccionar un dato de una lista de otra clase, en el segundo step, seleccionar un dato de otra clase, y en el tercero ya ingresar los datos de los inputs de la clases que quiero. Pero al hacer el post me sale error, porque creo que los dos primeros datos que seleccione, se quieren guardar en mi clase y al haber datos de mas, es en donde da el error,
Te explico quiero levantar un citatorio, perimero selecciono el alumno del citatorio (de la clase alumno), despues selecciono el tutor que levanto el citatorio (de la clase tutor) y despues ingreso los datos de mi citatorio (de la clase citatorio) al guardar y hacer el post me da error, quiero ver si esto se puede arriglar embebido la consulta o como se puede manejar este tipo de cosas, me gusto mucho tu tutorial me sirvio mucho.