slide

v4.9.10

v4.5.2

v3.9.2

STATUS

Passing

DOWNLOADS

74,870

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

4 years ago

SIZE

28 KB

A single child content element.

2 contributors

Install slide as a package?

Copied

npm i @bit/mui-org.material-ui.slide

Set Bit as a scoped registryLearn more

npm config set '@bit:registry' https://node.bit.cloud

Component Example

React

Vue

Angular

React Native

Add dependency...

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';

modifieddraft

A single child content element.

Direction the child node will enter from.

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.

The Slide transition is used by the Drawer component. It uses react-transition-group internally. Demos:

API:

The Slide transition is used by the Drawer component. It uses react-transition-group internally.

Properties

Name	Type	Description
children	`custom`	A single child content element.
direction	`'down' \| 'left' \| 'right' \| 'up'`	Direction the child node will enter from.
in	`bool`	If `true`, show the component; triggers the enter or exit animation.
onEnter	`function`
onEntering	`function`
onExit	`function`
onExited	`function`
style	`object`
timeout	`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.