New Pajama element indicate form hierarchy
Problem
Recently, in the secure area, we are trying to help the user configure security scans. It involves a lot of different type of forms and the forms have a certain hierarchy, for example:
- On the top level, we generally have a basic setting, advanced setting or optional setting
- On the lower level, there could be up to three layers of setting, Setting A hast two choices, base on the choice of Setting A, there could be A.1 or A.2, and A.1 might still be a choice, depends on the choice of A.1, you might have A.1.1 and A.1.2
Potential solutions
I have tried several ways to show those several layer hierarchy forms. I would let to get some discussion and maybe we can include this in Pajamas?
cc: @gitlab-com/gitlab-ux/designers
Next step
- Decide shall it be part of Pajama
- If yes, what is UI element to use and what are rules?
Edited by Camellia X Yang