Skip to Content
ShowcaseComponents

Components

Componentes do Pulso são instrumentos de decisão. Esta galeria mostra famílias visuais em contexto — o inventário técnico continua nas páginas canônicas de Atoms, Molecules e Organisms.

Ações

atoms · button

Hierarquia de decisão

Primary aparece uma vez por superfície. Secondary sustenta tarefas. Ghost e link reduzem peso. Destructive exige consequência explícita.

Ver doc →

Primary

Secondary

Destructive

Formulários

form atoms

Entrada com contexto

Ver input →

field contract

Estados previsíveis

Default

Campo pronto para entrada.

Atenção

Valor incompleto, mas recuperável.

Crítico

Bloqueia ação até correção.

Feedback

alert

Narrativa em aceleração

A variação de menções indica possível transição para atenção.

Ver alert →

cris

Resumo assistido

[Inferência] O foco público migrou de atendimento para governança.

origem · auditável

progress

Coleta em andamento

68% · 21 fontes verificadas

Dados

risk score

87

high

mentions

1.482

+18% · últimas 2h

sla

08m

janela crítica restante

organism · table

Casos ativos

Ver table →

CasoRiscoMençõesOwner
Água Novahigh1.482Comms
Atendimento Norteattention438Ops
Fonte anônimamonitor91Legal

Overlays

dialog

Confirmação bloqueante

Ver dialog →

Declarar crise?

Esta ação cria trilha executiva e notifica owners críticos.

sheet

Contexto sem trocar tela

Ver sheet →

fonte · x

Histórico da fonte

Últimos sinais, confiabilidade e ações sugeridas ficam no painel lateral.

Mobile

responsive behavior

Paridade operacional

Mobile não é versão reduzida: ações críticas preservam leitura, hit target e handover.

Ver responsive sheet →

Toque crítico

Ações destrutivas usam alvo mínimo de 48px.

Offline-first

Estados pendentes declaram sincronização e consequência.

Handover

Transferência preserva origem, owner e última decisão.

  • Atoms — controles, feedback leve e primitivas.
  • Molecules — combinações reutilizáveis.
  • Organisms — superfícies complexas e padrões de layout.
  • Patterns — componentes compostos em cenários reais.
Last updated on