Vertical scrolling feed with expandable content

Interaction Design patterns are solutions to commonly faced design problems. Proto.io offers you a number of these patterns, as complex UI components that you can add to your project and customize, saving you a lot of time.

This video explains how to use the "Vertical scrolling feed" pattern. When you tap on a specific part of the feed, the content expands and when you tap again it contracts. It adds a 2-state vertical scrollable container to your canvas, that includes a nested 2-state container. Once you have it on your canvas, you can double click the container to edit and customize by adding your content. The containers change state with a transition, which you can also customize.

Have more questions? Submit a request