• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

FloatingLabelProps

Represents the props of the KendoReact FloatingLabel component.

NameTypeDefaultDescription

children?

React.ReactNode

Determines the children nodes.

className?

string

Sets a class of the FloatingLabel DOM element.

dir?

string

Specifies the direction of the label.

editorDisabled?

boolean

Specifies if the editor is disabled.

editorId?

string

Represent the htmlFor 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.

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.

labelClassName?

string

Sets the className of the label DOM element.

optional?

boolean

If enabled, marks the label as optional.

style?

React.CSSProperties

The styles that are applied to the FloatingLabel.