Basic Components

Slider

O Stepper Indicator é um componente que orienta o usuário em etapas sequenciais de um processo. Ele é formado por passos, que representam cada etapa do fluxo e podem ser exibidos de forma numerada ou com ícones, por um indicador de progresso, que destaca visualmente a etapa atual, as concluídas e as pendentes, e por uma linha conectora, que mostra a relação entre os passos e reforça a sequência.

 

Com clareza e navegação intuitiva, o Stepper Indicator é ideal para checkouts, cadastros e formulários multi-etapas.

Design

Title

Completa

Paragraph

Completed: representa uma fase já finalizada.

Title

em progresso

Paragraph

In progress: indica a etapa atual.

Title

Próximo

Paragraph

Upcoming: exibe as etapas futuras.

Basic Components

Stepper indicator

O Stepper Indicator é um componente que orienta o usuário em etapas sequenciais de um processo. Ele é formado por passos, que representam cada etapa do fluxo e podem ser exibidos de forma numerada ou com ícones, por um indicador de progresso, que destaca visualmente a etapa atual, as concluídas e as pendentes, e por uma linha conectora, que mostra a relação entre os passos e reforça a sequência.

 

Com clareza e navegação intuitiva, o Stepper Indicator é ideal para checkouts, cadastros e formulários multi-etapas.

Design

Title

Completa

Paragraph

Completed: representa uma fase já finalizada.

Title

em progresso

Paragraph

In progress: indica a etapa atual.

Title

Próximo

Paragraph

Upcoming: exibe as etapas futuras.