collapsible

v2.11.1

v2.6.5

v2.5.5

STATUS

Passing

DOWNLOADS

213

LICENSE

Apache 2.0

VISIBILITY

Public

PUBLISHED

3 months ago

SIZE

35 KB

Expand or collapse animation.

Collapse

React

Styled Components

2 contributors

Install collapsible as a package?

Copied

npm i @bit/grommet.grommet.collapsible

Set Bit as a scoped registryLearn more

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

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

Collapsible

Expand or collapse animation.

Usage

import { Collapsible } from 'grommet';
<Collapsible open>test</Collapsible>

Properties

open

Whether or not the component should be open.

boolean

direction

Direction to animate the collapsible content. Defaults to vertical.

horizontal
vertical

Intrinsic element

div

Theme

collapsible.minSpeed

The minimum speed of Collapsible animation in milliseconds. Expects number.

Defaults to

collapsible.baseline

Default height to be used to calculate the optimal collapsible speed. Expects number.

Defaults to

collapsible.extend

Any additional style for Collapsible. Expects string | (props) => {}.

Defaults to

undefined