• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Vue Wrappers End of Life
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UI
    • Data Tools
    • Date Inputs
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Scheduler
    • ScrollView
    • Tooltip
    • TreeList
    • TreeView
    • Upload
  • Wrapper Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • FAQ
  • Troubleshooting
Components / Inputs / Floating Labels / 
New to Kendo UI for Vue? Start a free 30-day trial

Floating Labels

The Inputs are compatible with the Floating Label component.

The following example demonstrates how to configure the Floating Label to work with the Input, NumericTextBox and MaskedTextBox components. To add the Floating Label, define it by passing a value to the label property of the different inputs.

Example
View Source
Change Theme:

More about the usage of the Floating Label component, you can find on its overview page.

Suggested Links

Previous
Wai-Aria Support
Next
Globalization

In this article

Not finding the help you need?

Contact Support