Wrapping Up

Wrap up the case study with a few final changes.

The TabsPage component

All that remains is to cover the actual TabsPage component, which manages the application navigation between the different screens.

Templating

We will only need to make the following adjustments to the HTML for this page component:

  • The headings displayed for each tab.
  • The icons used for each tab.

Let’s open the src/app/tabs/tabs.page.html component template and make those specific changes (highlighted):

Get hands-on with 1400+ tech skills courses.