All Components

Setting the Value

The NumericTextBox allows you to set various types of values.

The following example demonstrates how to create a currency NumericTextBox.

<div id="vueapp" class="vue-app">
    <kendo-numerictextbox :format="'c0'" :value="12"></kendo-numerictextbox>
</div>
Vue.use(InputsInstaller);

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

The following example demonstrates how to create a percentage NumericTextBox.

<div id="vueapp" class="vue-app">
    <kendo-numerictextbox :format="'p'" :value="0.12"></kendo-numerictextbox>
</div>
Vue.use(InputsInstaller);

new Vue({
    el: "#vueapp"
})
In this article