• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UInew
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Grid
    • Icons
    • Indicators
    • Inputs
    • Labels
    • Layoutupdated
    • 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
New to Kendo UI for Vue? Start a free 30-day trial

FloatingLabelProps

Represents the props of the kendo UI for Vue FloatingLabel component.

NameTypeDefaultDescription

dir?

string

Specifies the direction of the label.

editorDisabled?

boolean

Specifies if the editor is disabled.

editorId?

string

Represent the for property, which will be set to the label element.

editorPlaceholder?

string

Specifies the placeholder of the editor. Used to define if the editor is empty.

editorValid?

boolean

Specifies if the validity of the editor. Used to define the editor is invalid.

editorValue?

any

Specifies the value of the editor. Used to define if the editor is empty.

focused?

boolean

Sets the label in a focused position.

id?

string

Represents the id of the label element. The value should be also set to the editor's ariaLabelledBy property. Can be used when the editor is not containing native form element.

label?

string

Adds a floating label that describes the editor.

labelClass?

string

Sets the class of the label element.

optional?

boolean

If enabled, marks the label as optional.