Slide

UsageExamples
• Code

Import

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

Properties

children

Type	node | elementType
Default	null

Description

Sets the children.

direction

Type	Enum of: Slide.directions.vertical Slide.directions.horizontal
Default	Slide.directions.horizontal

Description

Direction the child node will enter from.

duration

Type	Enum of: Slide.durations.ultraSlow Slide.durations.extraSlow Slide.durations.slow Slide.durations.normal Slide.durations.fast Slide.durations.extraFast
Default	Slide.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

Description

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

in

Type	bool
Default	false

Description

Triggers the enter or exit states.

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	0

Description

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

Feedback