“Live” Coding an Expandable Header Component in Ionic 2 – Part 2

“Live” Coding an Expandable Header Component in Ionic 2 – Part 2

Follow Josh Morony on

Learn Ionic with Josh ☕

Hey, I hope you enjoy the article.

If you want a weekly update with my newest content, access to the blog's bonus content, or you want to sign up for one of my free beginner or advanced email courses just enter your details here or in the form below.

In this two part screencast, I walk through building this user interface in Ionic 2. The end result is a custom header component that expands and shrinks as the user controls, and any elements that no longer fit in the header as it shrinks will fade out. Here’s what it will look like when it’s done:

Expandable Header in Ionic 2

There will also be a follow-up blog post for these videos, which will add a few final touches to the application. Here’s the video:

If you enjoyed this article, feel free to share it with your friends ☝

Check out my latest videos: