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 following example demonstrates the TextBox in action.
Key Features
- Customization—Provide custom components for
prefix
andsuffix
of the TextBox to achieve advanced scenarios. - Forms support—You can use the TextBox inside the Kendo UI for Vue 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 Kendo UI for Vue 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. This information portal offers rich component usage guidelines, descriptions of the available style variables, and globalization support details.
Support and Learning Resources
- Textbox Homepage
- Getting Started with the Kendo UI Vue Inputs
- API Reference of the Textbox Component
- Getting Started with Kendo UI for Vue - JavaScript (Online Guide)
- Getting Started with Kendo UI for Vue - TypeScript (Online Guide)
- Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)
- Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)
- Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)
- Virtual Classroom (Training Course for Registered Users)
- Textbox Forum
- Knowledge Base
- Kendo UI Productivity Tools extension for VS Code