Username

Slugify: lowercase, accent stripping, spaces → hyphens.

← All examples·username

Preview

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" />
}

Details

Preset: "username"
usernameFormat: true

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