Components / Inputs / MaskedTextBox

Literals

The MaskedTextBox provides globalized mask literals which represent static symbols.

Apart from the built-in and customs rules, you can use static symbols in the mask pattern that are also known as literals. In the masked value, a literal is always rendered on the same position on which it is defined in the mask property.

Based on the current culture, the available globalized mask literals are:

  • .—Decimal placeholder. The decimal separator is set according to the current culture used by Kendo UI.
  • ,—Thousands placeholder. The display character is set according to the current culture used by Kendo UI.
  • $—Currency symbol. The display character is set according to the current culture used by Kendo UI.

To escape any of the literals, use the \ character.

<div id="vueapp" class="vue-app">
    <kendo-maskedtextbox title="phone number" mask="000-000-0000">
    </kendo-maskedtextbox>
</div>
Vue.use(InputsInstaller);

new Vue({
    el: "#vueapp"
})

In this article