Animations

The library allows developers to turn off the animations.
You can set it on/off by adding corresponding directives or configurations, or use the global configuration to turn off all animations.

Turn off globally

Replace BrowserAnimationsModule with NoopAnimationsModule in your main app module/component:

// ...
  imports: [
   ...
   NoopAnimationsModule
  ]
// ...

Turn off locally

You can turn off the animation of a component directly in a template:

import { LuiNoAnimationsModule } from "@lqvrent-workspace/lqvrent-ui/core/no-animations";

@Component({
  imports: [
    // ...
    LuiNoAnimationsModule
  ],
  template: `
    ...
    <ul lui-menu luiNoAnimations></ul>
    ...
  `,
})