Navegação v1.0.0

Stepper

Indicador de progresso multi-etapa para assistentes, fluxos de pagamento e onboarding. Suporta clique para navegar entre etapas concluídas, modo linear (apenas avançar/voltar) e modo livre (pular para qualquer etapa). Os estilos visuais incluem círculos numerados, pontos minimalistas e layout de linha do tempo vertical.

Numerado

Círculos numerados horizontais conectados por linhas. Etapas concluídas mostram marcas de verificação.

Opções

Nome Tipo Padrão Descrição
steps * Array obrigatório Array of hashes with :title (String) and optional :description (String)
current_step Integer 0 Zero-based index of the current step
mode Symbol :linear Navigation mode: :linear (sequential) or :free (jump to any)

Ponto

Pontos horizontais minimalistas com rótulos abaixo. Compacto para fluxos curtos.

Opções

Nome Tipo Padrão Descrição
steps * Array obrigatório Array of hashes with :title
current_step Integer 0 Current step index
mode Symbol :linear :linear or :free

Vertical

Empilhados verticalmente com linhas conectoras, títulos e descrições. Estilo linha do tempo.

Opções

Nome Tipo Padrão Descrição
steps * Array obrigatório Array of hashes with :title and :description
current_step Integer 0 Current step index
mode Symbol :linear :linear or :free

Changelog v1.0.0

- v1.0.0: Initial release with numbered, dot, and vertical styles

Obter Acesso Completo

Desbloqueie o código-fonte deste componente e de todos os outros. Pagamento único para acesso vitalício.

Obter Acesso Agora