expansion-panel

v4.9.10

v4.5.2

v3.9.2

STATUS

Passing

DOWNLOADS

6,952

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

4 years ago

SIZE

30 KB

An expansion panel is a lightweight container that may either stand alone or be connected to a larger surface, such as a card.

2 contributors

Install expansion-panel as a package?

Copied

npm i @bit/mui-org.material-ui.expansion-panel

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 of the expansion panel.

If true, expands the panel by default.

If true, the panel will be displayed in a disabled state.

If true, expands the panel, otherwise collapse it. Setting this prop enables control over the panel.

Callback fired when the expand/collapse state is changed.

The component used for the collapse effect. Follow this guide to learn more about the requirements for this component.

Props applied to the Transition element.

Demos:

API:

Properties

Name	Type	Description
children	`custom`	The content of the expansion panel.
classes	`object`	Override or extend the styles applied to the component. See CSS API below for more details.
className	`string`
defaultExpanded	`bool`	If `true`, expands the panel by default.
disabled	`bool`	If `true`, the panel will be displayed in a disabled state.
expanded	`bool`	If `true`, expands the panel, otherwise collapse it. Setting this prop enables control over the panel.
onChange	`function`	The event source of the callback.
square	`bool`	If `true`, rounded corners are disabled.
TransitionComponent	`elementType`	The component used for the collapse effect. Follow this guide to learn more about the requirements for this component.
TransitionProps	`object`	Props applied to the `Transition` element.