Form

Updated:

Use for wrapping form fields with consistent spacing.

Development

Easily Remove Vertical Spacing

If you're trying to implement a layout that does not benefit from any form field spacing, removing it is quite easy! All you have to do is wrap your form fields in a component, setting the spacing to "none" like so:

<q2-form spacing="none">
  <q2-input label="First name"></q2-input>
  <q2-input label="Last name"></q2-input>
</q2-form>

Properties

Learn more about properties.

spacing

Changes the vertical spacing of the form-fields contained within the component's slot

CSS Variables

The following CSS variables are available to override the default theme styles of the q2-form component.