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