Referência funcional / 01

Componentes do SW Framework

Exemplos reais do catálogo disponível. Cada interação abaixo usa o mesmo bundle entregue em dist, com teclado, foco e fallback progressivo.

UI principal ativaZero dependências em runtime

Ações

Botões e alertas

Variações com contraste, foco visível e área mínima confortável para toque. Alertas tratam a mensagem como texto.

Disponível
<button class="sw-btn sw-btn-primary">Executar alerta</button>
SW.Alert.info('Mensagem segura');

Entrada

Formulários nativos aprimorados

Select, validação e máscaras preservam os controles HTML. Sem JavaScript, o formulário continua utilizável com a validação do navegador.

A máscara formata; a validação fiscal continua sendo responsabilidade da aplicação.

Contrato de uso

  • sw-select mantém teclado e interface nativa.
  • sw-valid anuncia erros e foca o primeiro campo inválido.
  • sw-mask oferece CPF, CNPJ, documento, telefone, CEP e data.
  • Reinicialização automática para conteúdo dinâmico.
<form sw-valid>
  <input required>
  <input sw-mask="phone">
  <select sw-select required>...</select>
</form>

Camadas

Modal e painel

Ambos controlam foco, Escape, retorno ao acionador e bloqueio de rolagem. Use modal para decisão; painel para contexto auxiliar.