# Fade ## Props | Name | Type | Default | Description | |:-----|:-----|:--------|:------------| | children | Element | | | | enterTransitionDuration | number | duration.enteringScreen | Duration of the animation when the element is entering. | | in | boolean | false | If `true`, the component will transition in. | | leaveTransitionDuration | number | duration.leavingScreen | Duration of the animation when the element is exiting. | | onEnter | TransitionCallback | | Callback fired before the component enters. | | onEntered | TransitionCallback | | Callback fired when the component has entered. | | onEntering | TransitionCallback | | Callback fired when the component is entering. | | onExit | TransitionCallback | | Callback fired before the component exits. | | onExited | TransitionCallback | | Callback fired when the component has exited. | | onExiting | TransitionCallback | | Callback fired when the component is exiting. | Any other properties supplied will be spread to the root element.