semantic-ui ng2-semantic-ui Transitions


  • @ViewChild('banner') is the syntax for gaining access to the DOM element that should be transitioning.
  • varname: SuiTransition is the syntax
  • new SuiTransition(ElementRef, Renderer) is the syntax for creating a transition. The ElementRef is obtained with @ViewChild() and the Renderer is obtained through dependency injection. It is a core Angular component.
  • transition.animate(ISuiAnimation) is the syntax for animating a transition.


nametype of transition to do
durationthe length of time for the transition to execute


This uses ElementRef internally which the Angular team says is a security risk.