[FEATURE] Expanding/collapsing display group

[esmeetewinkel]

What?
A right-aligned grey button that when clicked expands to take the full screen width and displays the content inside it. When clicked again it collapses.

• Height of the expanded component should adapt to the content and be at least the height of the round button.
• Need an option to set whether the component is expanded or collapsed when rendered.
• Need to make sure that the touch area for collapsing the component does not interfere with potential touch areas of contents (e.g. audio player in screenshot below). Maybe touch area should remain just the area of the face image?
• (not essential) Expanding / collapsing could be animated.

Why?
In ParentApp for Teens TZ storybooks this component will contain the optional facilitator guidance.

How?
This should be authored on multiple sheet rows like a display group, rather than in a single row. The content that the expanded display group contains is not fixed (in the screenshot below contains an audio player and a text component).

Other details