/Javascript/AngularJS/Slide div on click angular

Slide div on click angular

import { trigger, transition, animate, style } from '@angular/animations'

@Component({
  ...
  animations: [
    trigger('slideInOut', [
      transition(':enter', [
        style({transform: 'translateY(-100%)'}),
        animate('200ms ease-in', style({transform: 'translateY(0%)'}))
      ]),
      transition(':leave', [
        animate('200ms ease-in', style({transform: 'translateY(-100%)'}))
      ])
    ])
  ]
})

Source: stackoverflow.com

Slide div on click angular

<div *ngIf="visible" [@slideInOut]>This element will slide up and down when the value of 'visible' changes from true to false and vice versa.</div>

Source: stackoverflow.com

Similar codes

1 vote270 views1 answer
Angular contains both .browserslistrc and browserslist
Javascript AngularJS
0 vote241 views1 answer
Add margin letf to badge in angular material
Javascript AngularJS
0 vote270 views1 answer
Angular img src binding
Javascript AngularJS
5 votes221 views2 answers
Display rond logo in angular
Javascript AngularJS
0 vote230 views1 answer
Function.bind(this) angular
Javascript AngularJS
6 votes264 views2 answers
Auto generate component angular
Javascript AngularJS
0 vote264 views1 answer
Hide element when pressing button angular
Javascript AngularJS
0 vote242 views1 answer
Use your custom component inside Angular Material Dialog
Javascript AngularJS
1 vote232 views1 answer
Angular add font
Javascript AngularJS
5 votes251 views2 answers
Timeout angularjs
Javascript AngularJS