• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UI
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogsupdated
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Ganttupdated
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListBoxupdated
    • ListView
    • Map
    • Menus
    • Navigationupdated
    • Notification
    • Pager
    • PDF Export
    • PDFViewernew
    • PivotGrid
    • Popup
    • ProgressBars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • ToolBar
    • Tooltips
    • TreeListupdated
    • TreeViewupdated
    • Typography
    • Uploads
    • Utilitiesupdated
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
Components / Labels / FloatingLabel / Overview / 

Kendo UI for Angular FloatingLabel Overview

The Kendo UI for Angular FloatingLabel enables you to provide a floating label functionality to focusable form controls, which could be Angular components and HTML input elements.

The Floating Label Component is part of Kendo UI for Angular, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Start Free Trial

The following example demonstrates the FloatingLabel in action.

Example
View Source
Change Theme:

Key Features

  • Association—You can apply a floating label functionality to Kendo UI for Angular or other Angular components, or HTML input elements.
  • Optional text—The FloatingLabel enables you to toggle a chunk of text, which indicates that a form field is optional.
  • Styling—With the FloatingLabel, you can set custom CSS styles and classes on the actual label element.

Support and Learning Resources

Additional Resources

Previous
Getting Started
Next
Association

In this article

Not finding the help you need?

Contact Support