VIRASTACKMask
  • Hakkında
  • Katkı
ViraStack Mask

Başlangıç

  • Giriş
  • llms.txt

Kullanım

  • useViraMask()
  • Özel maske
  • Validation
  • Helpers
  • Types
  • UI kütüphaneleri

Örnekler

  • Tümü
  • Alpha
  • CVV
  • E-posta
  • IBAN
  • Kart
  • Kredi kartı formu
  • Kullanıcı adı
  • Metin
  • Para birimi
  • Parola
  • Posta kodu
  • Sayısal
  • Son kullanma
  • Tarih
  • TCKN
  • Telefon
  • URL
  • Vergi no (VKN)

Types

Paket dışa aktarımındaki TypeScript tipleri.

MaskPreset

type MaskPreset =
  | "card" | "expiry" | "cvv" | "tckn" | "phone"
  | "email" | "url" | "username" | "alpha" | "password"
  | "text" | "currency" | "iban" | "numeric" | "date"
  | "taxNumber" | "zipCode"

MaskOptions

Öne çıkan alanlar:

interface MaskOptions {
  mask?: string
  transform?: "uppercase" | "lowercase"
  allowedChars?: RegExp
  forbiddenChars?: RegExp
  currency?: CurrencyOptions
  displayPrefix?: string
  preset?: MaskPreset
  validate?: boolean
  validator?:
    | ((value: string) => boolean)
    | "luhn" | "tckn" | "email" | "iban"
    | "expiry" | "date" | "url" | "vkn"
  errorMessage?: string
  dateFormat?: "DMY" | "MDY" | "YMD"
  resolveMask?: (
    value: string,
    allValues?: FieldValues,
    schema?: MaskSchema<FieldValues>,
  ) => string | undefined
  onCardTypeChange?: (
    type: "visa" | "mastercard" | "amex" | "troy" | "unknown",
  ) => void
  // + type, inputMode, autoComplete, alphaFormat, usernameFormat…
}

CurrencyOptions: precision, decimalSeparator, thousandSeparator, symbol, symbolPosition.

Schema & fields

  • MaskSchema<T>: form alan adı → hazır maske string | MaskOptions
  • UseViraMaskProps: { form, schema }
  • MaskField: tek input’a spread edilen props
  • MaskFields<TSchema>: hook dönüş tipi
  • PRESETS: Record<MaskPreset, MaskOptions>
ÖncekiHelpersSonrakiUI kütüphaneleri

Bu sayfada

  • MaskPreset
  • MaskOptions
  • Schema & fields
Hata mı var? Düzeltin