Start sharing components as a team!Share components as a team!Join Bit to build your applications faster.Get Started Free

collapsible

v2.11.1arrow_drop_down
v2.11.1
v2.6.5
v2.5.5
STATUS
Passing
DOWNLOADS
215
LICENSE
Apache 2.0
VISIBILITY
Public
PUBLISHED
5 months ago
SIZE
35 KB
Expand or collapse animation.
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
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
modifieddraft
chevron_left
chevron_right

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

200

collapsible.baseline

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

Defaults to

500

collapsible.extend

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

Defaults to

undefined