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.

Changelog

The changelog provides a detailed history of new features, improvements, and bug fixes going back to Tecton 1.30.0. If the button is disabled, it indicates there have been no detectable changes since then.

Show changelog (6)