# Vue Input Overview

The Kendo UI for Vue Input enables you to [style](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/input#basic-usage) and implement [floating labels](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/floating-labels) in `input` elements.

The Kendo UI for Vue Input component is part of the Kendo UI for Vue library of Vue UI components. It is distributed through NPM under the [kendo-vue-inputs package](https://www.npmjs.com/package/@progress/kendo-vue-inputs).

<CtaPanelOverview></CtaPanelOverview>

## Basic Usage

The following example demonstrates the Input component in action when styling `input` elements.

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

## Functionality and Features

* [Forms support](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/input/forms)
* [Appearance](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/input/appearance)

## Support and Learning Resources

* [Input Homepage](https://www.telerik.com/kendo-vue-ui/input)
* [Getting Started with the Kendo UI Vue Inputs](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/get-started)
* [API Reference of the Input Component](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/inputprops)
* [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)
* [Input Forum](https://www.telerik.com/forums/kendo-ui-vue?searchText=input)
* [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)