...
This flexibility has one dependency – following the design token naming structure defined in the Theme Designer Var Document when adding new theme properties:
Required CSS Vars for Theme Designer V2
Benefits to this approach:
...
Must allow us to map the props to groups
Must allow us to use the groups to create collapse points in an accordion
Must use a Vue supported Material UI library or let us use a UI library of our own choosing.
Must allow us to toggle controls based on dependencies. For example, if the user choses to not show the price on their product cards, we don't want to display the controls for price CSS props.
Nice to have: Ability to provide information to the user about the control/option.
Proposals:
JS Forms https://jsonforms.io/
Code our own solution using the component library selected in item 2.
...