Fade
Import
import { Fade } from '@resultadosdigitais/tangram-components'
Properties
children
duration
| Type | Enum of: |
|---|---|
| Default | Fade.durations.normal |
Description
Sets the durations of the transition between from and to values
hiddenVisibility
keepMounted 🗑️
| Concerns | 🗑️ Deprecated: - Use `unmount` property instead. |
|---|---|
| Type | bool |
| Default | true |
Description
Keep the component mounted before and after the animation.
unmount
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
Para reportar algum problema, solicitar novos ícones, solicitar novos casos de uso de componentes, tirar dúvidas, enviar sugestões ou reportar bugs, entre em contato pelo nosso canal no Slack #tangram-design-system.