Grow

Grow

The Grow transition is used by the Popover component. It uses react-transition-group internally.

Props

Name Type Default Description
children union: element |
 func
A single child content element.
in bool If true, show the component; triggers the enter or exit animation.
timeout union: number |
 {enter?: number, exit?: number} |
 enum: 'auto'

'auto' The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object.
Set to 'auto' to automatically calculate transition time based on height.

Any other properties supplied will be spread to the root element.

Inheritance

The properties of the Transition component, from react-transition-group, are also available.

Demos