Add guide for adding gestures to components - Githubissues

angular / components

Component infrastructure and Material Design components for Angular

https://material.angular.io

MIT License

24.23k stars 6.7k forks source link

Add guide for adding gestures to components #19464

Open jelbourn opened 4 years ago

jelbourn commented 4 years ago

With Angular v9, we removed direct gesture handling in Angular Material. We did this for a number of reasons, including:

Drop dependency on mostly unmaintained HammerJS
Give people flexibility to use other gesture solutions
No requirement to add gesture code for users that don't actually want it
Simplify project setup

However, we should still have a guide that explains how to add gestures for users that want them. The guide should cover topics including:

Swiping out a sidenav
Swiping between tabs
Swiping items away on a list / table
Swiping calendar months

Related to #2209

Gaiidenn commented 3 years ago

Not sure if it's the best place to post this, but since #2209 is closed...

I just released a small library to handle common gestures on tabs :

Scroll tab header with your finger IF there are too much tabs to show it all on your screen
Swipe between tabs by swiping the tab content from left to right (or right to left)

https://www.npmjs.com/package/@angular-material-gesture/mat-tab-group-gesture

Feel free to use it and give me some feedback if you encounter any issue!