Expansion

We have designed this expansion pattern for when we want to show more content.

expansion
expansion_crop

 

Tapping on a list item causes the item to expand, revealing more content. To navigate
back to the original list view, simply tap outside of the expanded content, or pinch.

Navigation is limited to two levels: index view and content expanded view. Beyond this the page stack navigation structure should be applied.

Associated global patterns
Contextual navigation
List view

Associated building blocks
List items