• Introduction
  • Getting Started
  • Native Components
    • Animation
    • Buttons
    • Charts
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Gridupdated
    • Iconsnew
    • Indicatorsupdated
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBoxnew
    • ListViewnew
    • Notification
    • PDF Processing
    • Popup
    • Progress Barsupdated
    • Scheduler
    • ScrollView
    • Tooltip
    • TreeListnew
    • 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
Events
Next
Globalization

In this article

Not finding the help you need?

Contact Support