ViraStack
  • Akademi
  • Hakkında
  • Destek
Genel BakışBaşlangıçÖrnekler
ViraStack

Frontend ekosistemi: ücretsiz rehberler, proje şablonları, AI kuralları ve form bileşenleri.

Ürünler

  • ViraStack Start
  • ViraStack AI
  • ViraStack Mask
  • ViraStack Password
  • ViraStack Guide

Keşfet

  • Akademi
  • Hakkında
  • Marka
  • Destek

© 2026 ViraStack.

Açık kaynak · MIT

Örnekler

  • Tümü
  • CVV
  • IBAN
  • Kart
  • Kredi kartı formu
  • Özel maske (plaka)
  • Para birimi
  • Parola ve PIN
  • Sayı
  • Son kullanma
  • Tarih
  • TCKN
  • Telefon
  • Vergi no (VKN)

Sayı

Binlik ayırıcılı tam sayı (1,234). Ondalık, işaret, min ve max eklenebilir; Türkçe ayırıcılar için country: "TR".

← Tüm örnekler·number

Önizleme

Form değeri: -

Görünen: -

import { useForm } from "react-hook-form"
import { useViraMask } from "@virastack/mask"
 
function Example() {
  const form = useForm<{ number: string }>()
  const { number } = useViraMask(form, { number: "number" })
 
  return <input {...number} placeholder="1,234" />
}

Detaylar

  • Preset: "number"
  • Form değeri: "1234"
  • Hata anahtarları: number.min, number.max
  • Max yazarken uygulanır, min alan terk edilince.

Özelleştirme

Sınırlar ve ondalık

min, max, scale (ondalık basamak), signed ve locale.

Form değeri: -

Görünen: -

useViraMask(form, {
  quantity: { preset: "number", number: { min: 1, max: 99 } },
  weight: { preset: "number", number: { scale: 2, locale: "en-US" } },
})

Türkçe ayırıcılar

country: "TR" binlik için nokta, ondalık için virgül kullanır.

Form değeri: -

Görünen: -

useViraMask(form, {
  amount: { preset: "number", country: "TR", number: { scale: 2 } }, // 1.234,56
})

Hook API için useViraMask(), kendi deseniniz için özel maske.

ÖncekiParola ve PINSonrakiSon kullanma

Bu sayfada

  • Önizleme
  • Detaylar
  • Özelleştirme
Hata mı var? Düzeltin