Search⌘ K
AI Features

Sliding List

Explore how to add sliding lists in your Ionic applications, enabling users to swipe list items to reveal actionable buttons. Understand how to modify templates and component classes to handle swipe events, improving the user interface with familiar interaction patterns.

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

...