As a user, I want to create a hierarchical schema with multiple parent/child levels, to do so, I want to add a child record to an existing record.
To nest a record to an existing record I have to select on the [+] icon.
*On hover* a tooltip is displayed "Add a child field or a new record"
On click a pop over is displayed revealing a menu. With two options: "Add a child field" and "Add a new record"
After selecting "Add a new record", a new record field is displayed directly below the parent record. The text field for the name. The input text for the field name is in focus so that the user can immediately start writing the name, without any further action.
New records are represented as editable rows. The user can either:
Edit the name - Action: the user has to hover over the name field and click to display the text area.
Add a child record - Action the user selects the [+] icon
Delete the record - Action: the user selects the trash can icon