ElementLayoutInline โ€‹

Used by elements as an inline wrapper that contains general parts of the element.

Properties โ€‹

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

visible โ€‹

  • Type: boolean
  • Group: computed

Whether the element should be visible.

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.

field โ€‹

Replaces the layout's element field. This is the slot used by each element to render their content.

label โ€‹

Passes its content to the ElementLabel's default slot.

info โ€‹

Passes its content to the ElementLabel's info slot. It will only be rendered if label is defined as well.

description โ€‹

Passes its content to the ElementDescription's default slot.

before โ€‹

Passes its content to the ElementText's default slot with type: "before".

between โ€‹

Passes its content to the ElementText's default slot with type: "between".

after โ€‹

Passes its content to the ElementText's default slot with type: "after".

๐Ÿ‘‹ Hire Vueform team for form customizations and developmentLearn more