Drawer component. Works as a sidebar for the whole page.
Parameters:
| Name |
Type |
Description |
props |
Object
|
Properties
| Name |
Type |
Attributes |
Description |
open |
boolean
|
|
If true drawer is displayed (open), otherwise drawer is closed |
handleDrawer |
function
|
|
Function
for opening and closing this component (drawer) |
loggedIn |
boolean
|
<optional>
|
If true user is logged into app |
role |
string
|
<optional>
|
User's current role. |
|
- Source:
Example
const [open, setOpen] = useState(false)
<Drawer open={ open } handleDrawer={ () => setOpen(prevOpen => !prevOpen)) } loggedIn={...} role={...} />