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

drawer

v3.9.2arrow_drop_down
v3.9.2
STATUS
Passing
DOWNLOADS
628
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
7 months ago
SIZE
31 KB
The properties of the [Modal](/api/modal/) component are available when `variant="temporary"` is set.
1 contributor
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
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';
revert changes
reload
toggle layout
maximize
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
chevron_left
chevron_right
Drawer ()

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

Properties
NameTypeDefault valueDescription
anchor
'left' | 'top' | 'right' | 'bottom''left'

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
number16

The elevation of the drawer.

ModalProps
object

Properties applied to the Modal element.

onClose
function

The event source of the callback

open
boolfalse

If true, the drawer is open.

PaperProps
object

Properties applied to the Paper element.

SlideProps
object

Properties applied to the Slide element.

theme
object
transitionDuration
number | {"enter":"number","exit":"number"}{ enter: duration.enteringScreen, exit: duration.leavingScreen }

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''temporary'

The variant to use.