DS | Adila.coComponentes
Stepper
Componente stepper do design system adila.co.
Conta
Dados de acesso
Empresa
Informações fiscais
Confirmação
Revise e conclua
Instalação
bun add @adila-sh/uiUso
<Stepper>
<StepperItem status="complete">
<StepperIndicator>
<CheckIcon />
</StepperIndicator>
<StepperSeparator />
<StepperContent>
<StepperTitle>Conta</StepperTitle>
</StepperContent>
</StepperItem>
<StepperItem status="current">
<StepperIndicator>2</StepperIndicator>
<StepperSeparator />
<StepperContent>
<StepperTitle>Empresa</StepperTitle>
</StepperContent>
</StepperItem>
<StepperItem status="upcoming">
<StepperIndicator>3</StepperIndicator>
<StepperContent>
<StepperTitle>Confirmação</StepperTitle>
</StepperContent>
</StepperItem>
</Stepper>Marque a etapa ativa com status="current"; o componente aplica
aria-current="step" automaticamente.