We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback


The numeric text box component allows users to enter numeric values. It can also include spin buttons to provide additional interactivity for incrementing or decrementing the value.

Number formats

The numeric text box can be formatted based on the number formats listed on MSDN as well as Custom numeric format strings. Through formatting, percentage and currency text box behavior can be achieved.

Custom formats

The numeric text box can also work with any custom format based on the application scenario. The custom format can be any symbol or text which can be placed as a prefix or suffix to the number.

Number precision

The precision of the value can be controlled based on the application requirements, and the number precision can be restricted to any limit while the value is being typed.

Spin buttons

Spin buttons provide a flexible option for interacting with the numeric text box to increase or decrease the input value based on a defined interval.

The spin buttons appearance can be customized, and they can be hidden from the component if they are not needed.

Vue Numeric textbox with increment / decrement step value

Incremental steps

The value can be incremented or decremented based on a predefined step value, which can help users input large values.

Form support and validation

The number value can be validated within a minimum and maximum range. Users can be forced to enter values within the defined by using the strict mode behavior.

As a form component, the form validator plugin can be integrated to perform any custom validation in the numeric text box.

Opens number keyboard when Vue numeric textbox focus on mobile devices

HTML5 input type support

The numeric text box can be extended from the HTML5 tel input. It opens the numeric keypad on mobile devices, which makes it easy to enter numeric values.


The component comes with built-in internationalization support to adapt to any culture through simple settings.

Right-to-left (RTL)

Supports right to left (RTL) direction for users working in right-to-left languages like Hebrew, Arabic or Persian.


  • Fully supports WAI-ARIA accessibility to work with screen readers and assistive devices.
  • Follows WAI-ARIA best practices for implementing keyboard interaction.
  • The UI element visuals such as foreground color, background color, line spacing, text, and images are designed based on WCAG 2.0.
  • Supports right-to-left (RTL) text direction for users working in right-to-left languages like Hebrew, Arabic, or Persian.

Developer-friendly APIs

You have control over all UI elements and behaviors of the numeric text box through its rich set of developer-friendly APIs to provide the best experience to your end users.


Transform your applications today by downloading our free evaluation versionDownload Free Trial

Scroll up icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon