Drawer

Install the component dependency:

Include a React component in your project:

Name
Value
Description
Default
base
Required
React element
content the drawer slides out from
children
Required
React element
content inside the drawer
isOpen
boolean
override for controlling internal drawer state
onToggle
boolean => ()
triggered when the drawer opens or closes
startOpen
boolean
drawer is open on first render
false
toggleButtonAriaLabel
string
custom label for drawer toggle for screenreaders

A drawer as well as its expanded region can be wrapped around other components and adapt to their size.

Building a Web App with ASP.NET Core
Joe EamesIntermediateJul 21, 2016
Course Overview
1m 46s
What is ASP.NET Core?
39m 28s
Building a Web App with ASP.NET Core
Joe EamesIntermediateJul 21, 2016
Course Overview
1m 46s
What is ASP.NET Core?
39m 28s

The DrawerBase may expand to fit any elements, and includes the mechanism to expose the DrawerPanel.

The DrawerPanel may expand to fit any elements. No default spacing is built in.

To specify the light theme, wrap your components in a Theme component.