SmartFormFields

horizontalGap separates fields sharing a row; verticalGap separates the rows.

First Name*

Last Name*

Work Email*

Team

Component you need*

Category it belongs to

How urgently do you need it

What should it do*

I checked the existing 24 components first

horizontalGap 6 · verticalGap 6

First Name*

Last Name*

Work Email*

Team

Component you need*

Category it belongs to

How urgently do you need it

What should it do*

I checked the existing 24 components first

horizontalGap 20 · verticalGap 24

The controls exposed on the instance panel.

Prop	Type	Behaviour
schemaJSON	string	The whole form: fields, types, validation, steps and conditions.
fields	array	Panel-set field list, used when no schema is supplied.
fID	string	Hidden form identifier sent with the submission.
trackingID	trackingid	Id used to track successful submissions.
slotHub	slot	Where file-upload and other injected components live.
enableSteps	boolean	Splits the fields across steps by their formStep.
steps	array	Step numbers and titles for the indicator.
showStepIndicator	boolean	Whether the step progress is drawn.
showLabels	boolean	Shows or hides every field label.
horizontalGap	number	Space between fields on the same row.
verticalGap	number	Space between rows.
previousButtonText	string	Label of the back button.
nextButtonText	string	Label of the forward button.
submitButtonText	string	Label of the submit button.
showSuccessMessage	boolean	Whether a confirmation replaces or follows the form.
successMessage	string	The confirmation copy.
hideFormOnSubmit	boolean	Replaces the form with the confirmation.
resetFormOnSubmit	boolean	Clears the fields after a successful submit.

Prop	Type	Behaviour
schemaJSON	string	The whole form: fields, types, validation, steps and conditions.
fields	array	Panel-set field list, used when no schema is supplied.
fID	string	Hidden form identifier sent with the submission.
trackingID	trackingid	Id used to track successful submissions.
slotHub	slot	Where file-upload and other injected components live.
enableSteps	boolean	Splits the fields across steps by their formStep.
steps	array	Step numbers and titles for the indicator.
showStepIndicator	boolean	Whether the step progress is drawn.
showLabels	boolean	Shows or hides every field label.
horizontalGap	number	Space between fields on the same row.
verticalGap	number	Space between rows.
previousButtonText	string	Label of the back button.
nextButtonText	string	Label of the forward button.
submitButtonText	string	Label of the submit button.
showSuccessMessage	boolean	Whether a confirmation replaces or follows the form.
successMessage	string	The confirmation copy.
hideFormOnSubmit	boolean	Replaces the form with the confirmation.
resetFormOnSubmit	boolean	Clears the fields after a successful submit.

Guidance carried over from the component definition.

The form is long enough that hand-building every field is a chore.

Fields need to appear only when an earlier answer calls for them.

The form should be paged into steps with validation between them.

A value has to be calculated from the other answers.

A short single-step form with no logic — plain inputs are simpler.

Every field needs bespoke styling.

Submission needs handling beyond tracking and a success message.