Fade

UsageExamples
• Code

Import

import { Fade } from '@resultadosdigitais/tangram-components'

Properties

children

Type	node | elementType
Default	null

Description

The content that will receive the animation.

duration

Type	Enum of: Fade.durations.ultraSlow Fade.durations.extraSlow Fade.durations.slow Fade.durations.normal Fade.durations.fast Fade.durations.extraFast
Default	Fade.durations.normal

Description

Sets the durations of the transition between from and to values

hiddenVisibility

Type	bool
Default	false

Description

Sets when transition ends and visibility is hidden.

keepMounted 🗑️

Concerns	🗑️ Deprecated: - Use `unmount` property instead.
Type	bool
Default	true

Description

Keep the component mounted before and after the animation.

unmount

Type	bool
Default	false

Description

Don't keep the component mounted before and after the animation.

from

Type	number
Default	0.0

Description

Sets the pixel position to define the start point of animation. Negative number are allowed.

in

Type	bool
Default	false

Description

Defines if the component is visible. When changing this prop, the fade effect will be applied.

onStart

Type	func
Param	event React.SyntheticEvent - The event source of the callback.

Description

Sets the callback when animation start.

onEnd

Type	func
Param	event React.SyntheticEvent - The event source of the callback.

Description

Sets the callback when animation end.

to

Type	number
Default	1.0

Description

Sets the pixel position to define the end point of animation. Negative number are allowed.

Feedback