New to Kendo UI for Vue? Start a free 30-day trial

Label

Component

Represents the KendoVue Label component. Accepts properties of type LabelProps. Use the Label to show a text label for an editor.

Definition

Package:@progress/kendo-vue-labels

Properties Interface:LabelProps

Syntax:

vue
<Label :editor-id="'firstName'" :optional="true">First Name</Label>

Properties

Sets whether the editor is disabled.

editorId?

string

Sets the id of the editor. The label uses it as the value of its for attribute.

Sets an optional reference to the editor. When the editor does not contain a native form element, the Label uses this reference to pass the click to the editor. For this to work, the editor reference must have a focus method or an actionElement property.

Sets whether the editor is valid. When set to false, the label shows an error style.

id?

string

Sets the id of the label element. Set the same value to the ariaLabelledBy prop of the editor. Use it when the editor does not contain a native form element.

optional?

boolean

When set to true, marks the label as optional.