collapsible
v2.11.1arrow_drop_downv2.11.1
v2.6.5
v2.5.5
STATUS
Passing
DOWNLOADS
221
LICENSE
Apache 2.0
VISIBILITY
Public
PUBLISHED
A year ago
SIZE
35 KB
Expand or collapse animation.
Like
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 
modifieddraft
modifieddraft
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just
and packages in Bit or NPM to the example. any of the 1 million componentstoggle layout


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