Modifying the Home Page

Learn how to add content to an application's home page using ionic and react.

We'll cover the following...

The first thing you should do is create the home page, as it is the app’s landing page. There will not be much content – just some text inside an IonCard.

The IonCard component

An IonCard is a component designed to wrap basic pieces of information. By default, a card has a gray border, rounded edges, and a subtle drop shadow. As with all Ionic components, its visual style will change slightly when rendered on an Android versus an iPhone.

Cards can be as simple or as complex as you want. The card envisioned for the home page will consist of an image of a classroom, followed by a card header having both a subtitle and title, and a brief intro ...