FormΒΆ

/libs/granite/ui/components/coral/foundation/mode/form

Warning

The read-only mode of the field is deprecated, hence this component is also deprecated.

Form is a container that leverages foundation-mode vocabulary to switch between default and edit mode. When it is in the default mode, the form fields show the readonly rendering, while showing the editing rendering in edit mode.

When foundation-mode-change event is triggered, this component will change itself to that mode.

It has the following content structure:

granite:ModeForm
  1. granite:commonAttrs
  2. granite:renderCondition
  3. granite:container
modestringel
  1. default
  2. edit

The mode of the form.

default
The form is shown in readonly mode, where the fields are optimized for reading, instead of editing.
edit
The form is shown in edit mode, where the fields are ready to handle user inputs.
groupstring

The mode group that this component will be part of.

marginboolean

Put vertical margin to the root element.

maximizedboolean

Make the element maximized to fill the available space.