Kendo UI for Vue Native Textbox Overview

The Kendo UI for Vue Native TextBox component provides options for creating composite inputs that you can integrate within forms or use as standalone items.

The Inputs Package is part of Kendo UI for Vue, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates the TextBox in action.

View Source
Change Theme:

Key Features

  • Customization—Provide custom components for prefix and suffix of the TextBox to achieve advanced scenarios.
  • Forms support—You can use the TextBox inside the KendoReact Form component to validate input values, set validation requirements, and prevent the submission of invalid forms.
  • Floating Label—Add a Floating Label functionality to the TextBox component.
  • Disabled state—You can use the configuration options of the TextBox to disable the component so that users are not able to interact with it.
  • Appearance—All KendoReact Inputs enable you to set their dimensions.

To learn more about the appearance, anatomy, and accessibility of the TextBox, visit the Progress Design System documentation—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.

Support and Learning Resources

Additional Resources