All Components

TextBox Overview

The TextBox enables you to style and provide a floating label functionality to input elements.

Basic Usage

Styling input Elements

The following example demonstrates the TextBox directive in action.

@Component({
    selector: 'my-app',
    template: `
        <input kendoTextBox />
    `
})
class AppComponent {
}

Implementing Floating Labels

The following example demonstrates the TextBox component in action.

@Component({
    selector: 'my-app',
    template: `
      <kendo-textbox-container floatingLabel="First name">
        <input kendoTextBox />
      </kendo-textbox-container>
    `
})
class AppComponent {
}
In this article