Stages Demos:

[ Note: Stages comes without styles, you have to bring your own! ]

Fieldsets

With fieldsets you can build truly modular forms. Each fieldset you create, contains a config for it's fields and a render function which creates the output, like a Form does. Additionally you can define parameters for each fieldset, which are than computed and fed to the config and render functions.

In the demo below, we've created a simple date range input made out of two date fields. The fieldset has a parameter "required" which defines if the fields are required or not. We additionality highlight the state of the parameter with background colors (red for required). The dateRange fieldset is than used in the form three times, in the root of the form, in a group and in a collection with one entry.

path: range.from | type: date
path: range.to | type: date

path: grouprange.range.from | type: date
path: grouprange.range.to | type: date



- - -
(c) 2023 by Fredi Bach : Unic : Github