Angular Menu - animation

Configures UI component visibility animations. This object contains two fields: show and hide.

Selector: dxo-animation
Type:

Object

Default Value: { show: { type: 'fade', from: 0, to: 1, duration: 100 }, hide: { type: 'fade', from: 1, to: 0, duration: 100 } }

Set this object to null or undefined to disable animation.

hide

An object that defines the animation properties used when the UI component is being hidden.

Selector: dxo-hide
Type:

AnimationConfig

Default Value: { type: 'fade', from: 1, to: 0, duration: 100 }

show

An object that defines the animation properties used when the UI component is being shown.

Selector: dxo-show
Type:

AnimationConfig

Default Value: { type: 'fade', from: 0, to: 1, duration: 100 }