Visibility logic

[sbc640964]

I think it would be appropriate to add Visibility logic to fields
Similar to validation, it would be nice to add visibility logic and listeners something like this:

<form.Field
    conditional={[(form: FormApi): boolean => {
         return true;
    }, ['fieldname', 'fieldname2']]}
/>

This feature should affect both rendering and validation.

[juanvilladev]

You could build this into your subfields when building your composable fields. You could add an extra prop for is visible then within the subcomponent render null when not visible.

Take a look at my Full Name field definition in this example:
https://stackblitz.com/edit/tanstack-form-dowbrasw?file=src%2Ffeatures%2Fpeople%2Fpage.tsx

[sbc640964]

If I enter a value that has not been validated, and then the field is no longer visible - for whatever reason, won't there be a validation problem when submitting the form?