§ Sandbox · W3.3D-01

Design System Primitives

Teste visual de 4 primitives shared. Uso: ?v=dev em development.

Stepper

3 estados + responsive mobile.

Default (current=2)

  1. Identificação
  2. Contexto
  3. Consentimento

All done (current=4)

  1. Primeiro passo
  2. Segundo passo
  3. Terceiro passo

Pending inicial (current=1)

  1. Início
  2. Meio
  3. Fim

ErrorBanner

4 variants · aria-live dinâmico.

credential

throttle (com countdown)

network

generic

TableOfContents

Auto-gera TOC · scopeSelector aponta pro próprio article.

O TOC à esquerda foi gerado automaticamente dos H2/H3 desta página. Links scrollam até a seção correspondente.

useEscapeClose (hook)

Hook React · testado via tests/ds-primitives.spec.ts.

Hook não tem renderização direta · consumido via: 

useEscapeClose({
  isOpen: open,
  onClose: () => setOpen(false),
  trapFocus: modalRef,
});

Aplicação em ExportPdfModal (W3.3D-02) · teste automatizado via Playwright.