ElementLabel

Used by elements to display a label.

Properties

All the data, computed and inject properties of the component.

label

  • Type: string|component
  • Group: computed

The label of the component.

id

  • Type: string
  • Group: computed

The id attribute of the container.

hasLabel

  • Type: boolean
  • Group: computed

Whether the element has a label option, a #label slot or Vueform component's forceLabels option is true.

Size

  • Type: component
  • Group: inject

The size of the component.

View

  • Type: string
  • Group: computed

The name of the resolved view for the component. This one should be used to determine the component's view in class functions.

template

  • Type: object
  • Group: computed

The component's template.

classes

  • Type: object
  • Group: computed

The component's classes.

theme

  • Type: object
  • Group: inject

The global theme object, which contains all the default templates and classes.

form$

  • Type: component
  • Group: inject

The root form's component.

el$

  • Type: component
  • Group: inject

The parent element's component.

Slots

The slots of the component.

#default

Renders the content of the label if the parent element has no label.

#info

Passes its content to ElementInfo's default slot.

👋 Hire Vueform team for form customizations and development Learn more
Unlock maximum productivity 🚀
Try Vueform for free. No credit card needed.
Vueform | Vue Form Builder and Generator Vueform | Vue Form Builder and Generator