ElementLayout
Used by elements as a wrapper that contains general parts of the element.
Options
Find below the list of options that can use to configure ElementLayout component. Options can be passed to the component via props.
multiple
- Type:
boolean
<ElementLayout :multiple="true" ... />Whether the layout is used for nested element and should not an extra margin on the bottom. Eg. ObjectElement or GroupElement sets this true.
view
- Type:
string
<ElementLayout view="alt" ... />The name of the view to be used for the component and by default for its child components. If undefined the default view will be used.
Learn more about views here.
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".
