Entradas · Numérico e máscaras

Numérico e máscaras

Faixas, códigos segmentados e máscaras BR (telefone, CPF, CNPJ, CEP, slug).

Slider

Faixa numérica controlável.

Valor: 40

InputOTP

Entrada de código de verificação segmentada.

[data-input-otp] { --nojs-bg: white !important; --nojs-fg: black !important; background-color: var(--nojs-bg) !important; color: var(--nojs-fg) !important; caret-color: var(--nojs-fg) !important; letter-spacing: .25em !important; text-align: center !important; border: 1px solid var(--nojs-fg) !important; border-radius: 4px !important; width: 100% !important; } @media (prefers-color-scheme: dark) { [data-input-otp] { --nojs-bg: black !important; --nojs-fg: white !important; } }

Código: —

Máscaras BR + identificadores

FormPhoneBR, FormCPF, FormCNPJ, FormCEP, FormSlug e FormIdentifier. O DOM mostra a versão mascarada; o react-hook-form recebe o valor cru.