# Vue Textbox Overview

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

<CtaPanelOverview></CtaPanelOverview>

The following example demonstrates the TextBox in action.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/inputs/textbox/overview/source.txt)

## Key Features

* [Customization](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/textbox/adornments)—Provide custom components for `prefix` and `suffix` of the TextBox to achieve advanced scenarios.
* [Forms support](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/textbox/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](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/floating-labels)—Add a `Floating Label` functionality to the TextBox component.
* [Disabled state](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/textbox/disabled)—You can use the configuration options of the TextBox to disable the component so that users are not able to interact with it.
* [Appearance](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/textbox/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](https://www.telerik.com/design-system/docs/components/textbox/). This  information portal offers rich component usage guidelines, descriptions of the available style variables, and globalization support details.

## Support and Learning Resources

* [Getting Started with the Kendo UI Vue Inputs](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/get-started)
* [API Reference of the Textbox Component](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/textboxprops)
* [Getting Started with Kendo UI for Vue - JavaScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-composition-api)
* [Getting Started with Kendo UI for Vue - TypeScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-composition-api)
* [Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-options-api)
* [Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-options-api)
* [Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/get-started-nuxt-3)
* [Virtual Classroom (Training Course for Registered Users)](https://learn.telerik.com/learn/course/internal/view/elearning/45/kendo-ui-for-vue-with-typescript)
* [Textbox Forum](https://www.telerik.com/forums/kendo-ui-vue?searchText=textbox)
* [Knowledge Base](https://www.telerik.com/kendo-vue-ui/components/knowledge-base/)
* [Kendo UI Productivity Tools extension for VS Code](https://www.telerik.com/kendo-vue-ui-develop/components/vscode-extension)

## Additional Resources

* [Vue Blogs](https://www.telerik.com/blogs/tag/kendo-ui-for-vue)
* [Kendo UI for Vue Roadmap](https://www.telerik.com/support/whats-new/kendo-vue-ui/roadmap)