Field builder (table)

[jpuzz0]

The pattern of form fields within rows is one that has been identified in at least a couple products, Keycloak & MTV (plugin within openshift). The initial provided design for MTV was the following:

After some conversations about field spacing, this is what we ended up with:

This implementation uses a Patternfly table, and requires some minor custom styles coupled with other Patternfly components (Button & Flex mainly)

It would be helpful for us to establish this pattern more concretely in our design guidelines and make a common component that has these guidelines built-in so there is less wonder/discovery when our products require this feature in their forms.

Within MTV, I've created a common component called FieldBuilderTable, which can be a starting point for us on this. Not all use-cases across products were taken into account with interfaces/types here, just the MTV product, so of course this is subject to change:
https://github.com/kubev2v/forklift-console-plugin/blob/main/src/components/FieldBuilderTable/FieldBuilderTable.tsx