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: string
  • 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: Vueform
  • Group: inject

The root form's component.

el$

  • Type: VueformElement
  • 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 developmentLearn more