CODEWITHSUNDEEP
angularangular-material2angular-animations
Leosvel
Leosvel

Reputation: 81

Disable animations in Angular Material 2 but keep using animations in the rest of the application

I want to disable all the animations to the Angular Material 2, but when I import the NoopAnimationsModule it also prevents me for using the Angular Animation module in the rest of my app code. I'd like to be able to animate certain things of my app, but disable the animation for Angular Material 2. Does anyone know how to do that?

Edit: I want to disable all the animations but the ripple effect.

Upvotes: 4

Views: 1862

Answers (1)

Nehal
Nehal

Reputation: 13307

Some of the material components provide api to disable ripple effect. As far as I know, it's not possible to completely turn off animation for material2.

disableRipple property is available for

  • checkbox
  • radio
  • buttons
  • slider toggle
  • tabs
  • button

Upvotes: 4

Related Questions