collapse

v4.9.10

v4.5.2

v3.9.2

STATUS

Passing

DOWNLOADS

120,327

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

4 years ago

SIZE

28 KB

The content node to be collapsed.

2 contributors

Install collapse as a package?

Copied

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

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

The content node to be collapsed.

The height of the container when collapsed.

The component used for the root node. Either a string to use a DOM element or a component.

If true, the component will transition in.

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 Collapse transition is used by the Vertical Stepper StepContent component. It uses react-transition-group internally. Demos:

API:

The Collapse transition is used by the Vertical Stepper StepContent component. It uses react-transition-group internally.

Properties

Name	Type	Description
children	`node`	The content node to be collapsed.
classes	`object`	Override or extend the styles applied to the component. See CSS API below for more details.
className	`string`
collapsedHeight	`number \| string`	The height of the container when collapsed.
component	`elementType`	The component used for the root node. Either a string to use a DOM element or a component.
in	`bool`	If `true`, the component will transition in.
onEnter	`function`
onEntered	`function`
onEntering	`function`
onExit	`function`
onExiting	`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.