---
path: components/numerictextbox/usage
title: Usage
position: 2
seo_title: Guidelines for Using the NumericTextBox Component
seo_description: Get the knack of the Telerik and Kendo UI NumericTextBox and
  learn how to use and implement the component by following the instructions and
  recommendations in the user guidelines created by our designers.
---
## Usage Guidelines

The Telerik and Kendo UI NumericTextBox requires you to follow some basic principles when using the component.

### Text Label

Usually, the NumericTextBox is accompanied by a text label which clarifies its meaning and provides context to the user. When integrated in complex components, for example, in the cells of a Grid, the NumericTextBox does not require a label. The label of the NumericTextBox can be set as part of the Telerik and Kendo UI Form component.

<DosDonts>
<Do description="Use a text label to clarify the meaning of the NumericTextBox.">![A Telerik and Kendo UI NumericTextBox with a Quantity label with a few possible options.](images/components-numerictextbox-usage-text-label-do.png "Use a Telerik and Kendo UI NumericTextBox with a label which states what user input is required.")</Do>
<Dont description="Avoid skipping the text label unless the NumericTextBox is part of a complex component having its context already set.">![A Telerik and Kendo UI NumericTextBox with no label making it impossible to understand what type of information is required.](images/components-numerictextbox-usage-text-label-dont.png "Do not render a Telerik and Kendo UI NumericTextBox without a label to avoid misunderstanding and frustration on behalf of the user.")</Dont>
</DosDonts>


### Hint

If the required type of NumericTextBox input has some specific limitations, users must be aware of them so that they are able to meet the validation requirements.

<DosDonts>
<Do description="Clarify the restrictions for the NumericTextBox input to help users meet its validation requirements.">![A Telerik and Kendo UI NumericTextBox with a hint sentence in red stating that fraction numbers are not allowed in the text box.](images/components-numerictextbox-usage-hint-do.png "Use a Telerik and Kendo UI NumericTextBox with a hint that indicates what the validation rule is and what type of input is required from the user.")</Do>
<Dont description="Avoid leaving users at a loss as of why their input doesn't pass the validation requirements.">![A Telerik and Kendo UI NumericTextBox not accepting the user input or showing what its required type is.](images/components-numerictextbox-usage-hint-dont.png "Do not use a Telerik and Kendo UI NumericTextBox which lacks a validation hint as of what the requirements for the user input are.")</Dont>
</DosDonts>

### Placeholder

Apart from using a hint to indicate validation requirements, you can also use a placeholder to specify the format of the required user input.

<DosDonts>
<Do description="Use a placeholder to specify the format of the required user input.">![A Telerik and Kendo UI NumericTextBox with a placeholder specifying the format of the required user input.](images/components-numerictextbox-usage-placeholder-do.png "Use a Telerik and Kendo UI NumericTextBox with a placeholder to indicate the format of the required user input.")</Do>
<Dont description="Avoid leaving the input field empty and prevent users from guessing what their required input format is.">![A Telerik and Kendo UI NumericTextBox without any placeholder value typed in.](images/components-numerictextbox-usage-placeholder-dont.png "Do not use a Telerik and Kendo UI NumericTextBox without any placeholder value typed in leading users to misinterpret what kind of informaion is required from them.")</Dont>
</DosDonts>