DS Razac
Figma

StepperStep

Passo de processo (Pré-Embarque → Trânsito → Registro → Desembaraço → Faturamento → Entrega → Fechamento).

v1.0.0navigation
Preview
Pré-Embarque
2
Trânsito
3
Registro
4
Desembaraço
5
Entrega

Variações

Concluído
Pré-Embarque
2
Trânsito
3
Registro
4
Desembaraço
5
Entrega
Ativo
Pré-Embarque
2
Trânsito
3
Registro
4
Desembaraço
5
Entrega
Pendente
Pré-Embarque
2
Trânsito
3
Registro
4
Desembaraço
5
Entrega

Props

PropTypeDefaultDescription
label*string—Nome da etapa.
state*'done' | 'active' | 'pending'—Estado do passo.

Código

tsx
import { Stepper } from '@/components/ds/StepperStep'

<Stepper
  steps={['Pré-Embarque','Trânsito','Registro','Desembaraço','Entrega']}
  current={2}
/>

Telas que usam

Follow-up Consulta — ImportaçãoDetalhe ProcessoLoginLoader (Login Callback)Documentos TomadosClientesFornecedoresFichas OperacionaisKanbanDashboardsIDA ChatIDA Vibe

Histórico

  1. v1.0.007 de mai. de 2026Versão inicial.PRJ-000

Projetos relacionados

PRJ-000DS Razac — Captura inicial do portalEntregue