Addon-docs: Expand/collapse prop table entries by their 'parent'

the typescript prop tables can often times get very long with components that are accepting props from many interfaces. Example:

export type IDropInputProps = IDropInputOwnProps & TextInputProps & JSX.IntrinsicElements['input'];

the prop table in this case is really long: https://atanasster.github.io/grommet-controls/?path=/docs/controls-input-dropinput--main

The example prop table json file: https://github.com/atanasster/grommet-controls/blob/master/src/components/DropInput/doc/DropInput.json

A screenshot how the parent interface name can be collapsed. By default suggestion is to have expanded only the first interface name:

[domyen]

what about adding the number of props to the section header as in the initial screenshot?

That makes sense to me! We do that in the animated gif in the column beside the name (“1 remaining unreviewed”) – could do the same thing here.

[atanasster]

Looks great @domyen and the indentation is very user friendly , just a reminder to possibly default expand the first interface.