With placeholder
Recipes

maskitoWithPlaceholder helps to show placeholder mask characters. The placeholder character represents the fillable spot in the mask.

Card Verification Code

This example is the simplest demonstration how to create masked input with placeholder .
The only required prerequisite is basic understanding of "Mask expression" concept.

Enter CVC code

Phone

The following example explains return type of `maskitoWithPlaceholder` utility — an object which partially implements `MaskitoOptions` interface. It contains its own processor and postprocessor and plugins to keep caret from getting into placeholder part of the value.
Also, this complex example uses built-in postprocessor maskitoPrefixPostprocessorGenerator from `@maskito/kit` .

Enter US phone number

Flag of the United States

Date

This last example demonstrates how to integrate `maskitoWithPlaceholder` with any built-in mask from `@maskito/kit` .

Enter date