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

Frontend geliştiricileri için DX odaklı araç seti: starter’lar, ajan kuralları, form hook’ları ve rehber.

Ürünler

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

Keşfet

  • Hakkında
  • Marka
  • Destek

© 2026 ViraStack.

Açık kaynak · MIT

Ö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)

Kullanıcı adı

Slugify: küçük harf, aksan temizleme, boşluk → tire.

← Tüm örnekler·username

Önizleme

rawValue: -

value: -

import { useForm } from "react-hook-form"
import { useViraMask } from "@virastack/mask"
 
function Example() {
  const form = useForm<{ username: string }>()
  const { username } = useViraMask({
    form,
    schema: { username: "username" },
  })
 
  const { rawValue, ...inputProps } = username
 
  return <input {...inputProps} placeholder="omer-gulcicek" />
}

Detaylar

  • Hazır maske: "username"
  • usernameFormat: true

Hook API için useViraMask(), özel maske için custom mask.

ÖncekiKredi kartı formuSonrakiMetin

Bu sayfada

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