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
    • Indicatorsupdated
    • Inputsupdated
    • Labels
    • Layoutupdated
    • Notificationnew
    • PDF Processing
    • Popup
    • Progress Bars
    • Schedulernew
    • ScrollViewnew
    • Tooltip
    • TreeViewnew
    • Upload
    Wrapper Components
    Styling & Themes
    Common Features
    Project Setup
    Changelog
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.

In this article

Not finding the help you need?