Search⌘ K
AI Features

The List UI Component

Explore how to create and use the Ionic List UI component to build dynamic, navigable lists in an Angular app. Learn to modify templates, define data arrays, generate new pages, and preview your app, gaining practical skills for managing UI navigation in Ionic.

Creating a new app

Let’s begin exploring the Ionic List UI component by creating a new Ionic app with the following commands:

ionic start template-app blank --type=angular

Try running this command in the terminal below, and answer the prompts as they appear,

Terminal 1
Terminal
Loading...

Modifying the home template

With our newly created ...