# Floating Labels

The Inputs are compatible with the [Floating Label](https://www.telerik.com/kendo-vue-ui-develop/components/labels/floating-label) component.

The following example demonstrates how to configure the `Floating Labe`l to work with the `Input`, `NumericTextBox` and `MaskedTextBox` components. To add the `Floating Label`, define it by passing a value to the `label` property of the different inputs.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/inputs/floating-labels/source.txt)

More about the usage of the `Floating Label` component, you can find on its [overview page](https://www.telerik.com/kendo-vue-ui-develop/components/labels/floating-label).

## Suggested Links

* [API Reference of the NumericTextBox Component](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/numerictextboxprops)
* [API Reference of the Input Component](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/inputprops)
* [API Reference of the MaskedTextBox Component](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/maskedtextboxprops)