Components
    • Animation
    • Buttons
    • Charts
    • Common Utilities
    • Conversational UI
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Grid
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • Sortable
    • Tooltip
    • TreeList
    • TreeView
    • Upload
    Sample Applications
    Styling & Themes
    Common Features
    Project Setup
    Changelog

Floating Labels

Floating labels are part of the Material Design Guidelines and are fully supported by the KendoReact Dropdowns components.

Basic Usage

To enable the floating label functionality, pass a label property to the AutoComplete, ComboBox, DropDownList or MultiSelect component.

The following example demonstrates how to implement floating labels in the Dropdowns and style them with the KendoReact Material theme.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?