Multi-line List

Learn how to implement a multi-line list in your Ionic app using the Ionic Multi-line List UI component.

Managing the home page list

As we saw in the last lesson, the list in our template-app looks plain and, well, kind of boring. It’s not particularly appealing even if it gets the job done (and that job is done quite well). We need some further design enhancements.

We could modify the styling for our list component using the application Sass files, but that would be a little overkill when we can rely on a far easier option instead.

Let’s look at what the Ionic Component API offers and how we might be able to use that to give our list a little more “oomph.”

At the moment, we have implemented a basic list, but there are lots of list variations we could choose from:

  • Inset Lists
  • List
...