ElementAddon

Used by elements to render addons before or after input fields.

Options

Find below the list of options that can use to configure ElementAddon component. Options can be passed to the component via props.

type

  • Type: string
  • Required: true
vue
<ElementAddon type="before" ... />

The type of the addon. Possible values 'before' and 'after'.

Properties

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

addon

  • Type: string|Component
  • Group: computed

The content of the addon. If the addon is provided ss a function this contains the resolved value.

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 addon if the type is not defined in the parent element's the addons option.

👋 Hire Vueform team for form customizations and developmentLearn more