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

drawer

v4.5.2arrow_drop_down
v4.5.2
v3.9.2
STATUS
Passing
DOWNLOADS
660
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
3 weeks ago
SIZE
30 KB
The props of the [Modal](/api/modal/) component are available when `variant="temporary"` is set.
2 contributors
Use drawer in your project ?
Copied
npm i @bit/mui-org.material-ui.drawer
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
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
chevron_left
chevron_right
drawer ()

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

Properties
NameTypeDescription
anchor
'left' | 'top' | 'right' | 'bottom'

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 | {"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.