Para birimi

Binlik / ondalık ayırıcılarla para formatı. Formda ham değer noktalı ondalıktır (örn. 1234.56).

← Tüm örnekler·currency

Önizleme

rawValue: —

value: —

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

Detaylar

Hazır maske: "currency"
Varsayılan (US/English): precision 2, ondalık '.', binlik ',', boş sembol, prefix. Yalnızca rakam girişi tam kısımdır (123456 → 123,456).
Pattern mask yerine currency stratejisi kullanılır. Form raw değeri her zaman noktalı ondalıktır (1234.56).

Özelleştirme

Türk Lirası Özelleştirme

TR için ayırıcıları ve ₺ sembolünü override edin.

rawValue: —

value: —

import { useForm } from "react-hook-form"
import { useViraMask } from "@virastack/mask"
 
const form = useForm({ defaultValues: { amount: "" } })
 
const { amount } = useViraMask({
  form,
  schema: {
    amount: {
      currency: {
        precision: 2,
        decimalSeparator: ",",
        thousandSeparator: ".",
        symbol: "₺",
        symbolPosition: "prefix",
      },
    },
  },
})
 
const { rawValue, ...inputProps } = amount
 
<input {...inputProps} placeholder="₺1.234,56" />

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

Para birimi

Binlik / ondalık ayırıcılarla para formatı. Formda ham değer noktalı ondalıktır (örn. 1234.56).

← Tüm örnekler·currency

Önizleme

rawValue: —

value: —

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

Detaylar

Hazır maske: "currency"
Varsayılan (US/English): precision 2, ondalık '.', binlik ',', boş sembol, prefix. Yalnızca rakam girişi tam kısımdır (123456 → 123,456).
Pattern mask yerine currency stratejisi kullanılır. Form raw değeri her zaman noktalı ondalıktır (1234.56).

Özelleştirme

Türk Lirası Özelleştirme

TR için ayırıcıları ve ₺ sembolünü override edin.

rawValue: —

value: —

import { useForm } from "react-hook-form"
import { useViraMask } from "@virastack/mask"
 
const form = useForm({ defaultValues: { amount: "" } })
 
const { amount } = useViraMask({
  form,
  schema: {
    amount: {
      currency: {
        precision: 2,
        decimalSeparator: ",",
        thousandSeparator: ".",
        symbol: "₺",
        symbolPosition: "prefix",
      },
    },
  },
})
 
const { rawValue, ...inputProps } = amount
 
<input {...inputProps} placeholder="₺1.234,56" />

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