ViraStack
  • About
  • Support
HomeGet StartedExamples
ViraStack

A DX-first toolkit for frontend developers: starters, agent rules, form hooks, and a guide.

Products

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

Explore

  • About
  • Brand
  • Support

© 2026 ViraStack.

Open source · MIT

Examples

  • All
  • Alpha
  • Card
  • Credit card form
  • Currency
  • CVV
  • Date
  • Email
  • Expiry
  • IBAN
  • Numeric
  • Password
  • Phone
  • Tax number (VKN)
  • TCKN
  • Text
  • URL
  • Username
  • ZIP code

Alpha

Letters and Turkish characters; consecutive spaces are collapsed.

← All examples·alpha

Preview

rawValue: -

value: -

import { useForm } from "react-hook-form"
import { useViraMask } from "@virastack/mask"
 
function Example() {
  const form = useForm<{ alpha: string }>()
  const { alpha } = useViraMask({
    form,
    schema: { alpha: "alpha" },
  })
 
  const { rawValue, ...inputProps } = alpha
 
  return <input {...inputProps} placeholder="Ömer Gülçiçek" />
}

Details

  • Preset: "alpha"
  • alphaFormat: true
  • allowedChars includes Turkish letters.

See useViraMask() for the hook API and custom mask for custom masks.

PreviousAllNextCard

On this page

  • Preview
  • Details
Something wrong? Fix it