Sliding List

Learn how to implement a sliding list in your Ionic app using the Ionic Sliding List UI component.

Adding a sliding list

This type of list contains items that can be swiped left or right to reveal previously hidden button options. Those with iPhones will probably be most familiar with this feature when using the Messages or Mail applications to delete individual messages.

Now, we’ll return to the home page component for our app and make adjustments to implement a sliding list.

Amendments to the home page template

In the template-app/src/app/home/home.page.html template, we implement the following changes (highlighted):

Get hands-on with 1400+ tech skills courses.