Giriş
React Hook Form ile senkron çalışan hafif bir input formatlama kütüphanesidir.
Kart numarası, telefon, IBAN, para birimi ve özel maskeler için tek bir useViraMask()hook'u sunar. Form state'inde ham (unmasked) değer tutulurken input'ta formatlı görüntü gösterilir.
Başlarken
Paketi ekleyin. Canlı maske örneklerini görmek için örnekler sayfasına bakın.
$ pnpm add @virastack/maskPeer bağımlılıklar
react≥ 18.2react-dom≥ 18.2react-hook-form≥ 7
ViraStack Start CLI kurulumunda da seçilebilir.
Neden ViraStack Mask?
- Hafif: sıfır runtime dependency; peer olarak React ve React Hook Form.
- RHF-first: register / setValue ile entegre; display ile raw değer ayrılır.
- Tip güvenli: schema'daki alan adları TypeScript ile eşleşir.
- Akıllı hazır maskeler: kart (Visa, Mastercard, Amex, Troy), CVV, TCKN, IBAN, currency ve daha fazlası.
Kapsam
Dokümantasyon paket yüzeyinin tamamını kapsar:
- useViraMask() ve schema modeli
- Custom mask sözdizimi ve
resolveMask - Validation ve helpers
- Types referansı
- Tüm hazır maskeler için örnekler