grow

v4.9.10arrow_drop_down
v4.9.10
v4.5.2
v3.9.2
STATUS
Passing
DOWNLOADS
231,370
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
5 years ago
SIZE
28 KB
A single child content element.
2 contributors
Install grow as a package?
Copied
npm i @bit/mui-org.material-ui.grow
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.cloud
Component Example
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just
import
any of the 1 million components
and packages in Bit or NPM to the example.
import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';
toggle layout
modifieddraft
chevron_left
chevron_right

A single child content element.

If true, show the component; triggers the enter or exit animation.

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.

The Grow transition is used by the Tooltip and Popover components. It uses react-transition-group internally. Demos:

API:

The Grow transition is used by the Tooltip and Popover components. It uses react-transition-group internally.

Properties
NameTypeDescription
children
element

A single child content element.

in
bool

If true, show the component; triggers the enter or exit animation.

onEnter
function
onExit
function
style
object
timeout
'auto' | number | {"appear":"number","enter":"number","exit":"number"}

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.

Help and resources