drawer

v4.9.10

v4.5.2

v3.9.2

STATUS

Passing

DOWNLOADS

74,770

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

4 years ago

SIZE

35 KB

Side from which the drawer will appear.

Drawer

React

UI Components

2 contributors

Install drawer as a package?

Copied

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

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

Side from which the drawer will appear.

The contents of the drawer.

The elevation of the drawer.

Props applied to the Modal element.

Callback fired when the component requests to be closed.

If true, the drawer is open.

Props applied to the Paper element.

Props applied to the Slide element.

The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object.

The variant to use.

The props of the Modal component are available when variant="temporary" is set. Demos:

Drawers

API:

Drawer API

The props of the Modal component are available when variant="temporary" is set.

Properties

Name	Type	Description
anchor	`'bottom' \| 'left' \| 'right' \| 'top'`	Side from which the drawer will appear.
BackdropProps	`object`
children	`node`	The contents of the drawer.
classes	`object`	Override or extend the styles applied to the component. See CSS API below for more details.
className	`string`
elevation	`number`	The elevation of the drawer.
ModalProps	`object`	Props applied to the `Modal` element.
onClose	`function`	The event source of the callback.
open	`bool`	If `true`, the drawer is open.
PaperProps	`object`	Props applied to the `Paper` element.
SlideProps	`object`	Props applied to the `Slide` element.
transitionDuration	`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.
variant	`'permanent' \| 'persistent' \| 'temporary'`	The variant to use.