Card numerado para secções "como funciona". Número em font-mono, título e descrição.
Importação
import { StepCard } from "@zexon/ui/blocks/step-card";Uso
Exemplo
01
Instale
Configure o hardware e sensores na loja.
02
Conecte
Integre o gateway de pagamento e câmaras.
03
Opere
Monitore vendas e estoque em tempo real.
Props
| Prop | Tipo | Predefinição | Notas |
|---|---|---|---|
step | number | — | Obrigatório. Número do passo |
title | string | — | Obrigatório. Título do passo |
description | string | — | Obrigatório. Descrição |
icon | ReactNode | — | Ícone ou ilustração |
className | string | — | No wrapper raiz |
Anterior:
Próximo: