```js
const iconContainerStyle = {display: 'flex'};
const iconStyle={margin: '0 1em'};
<MozartDrawer
  title="Drawer Title"
  data={<h1>Drawer Content</h1>}
  width="850px"
  node={<MozartIcon data={<span className="icon-Hamburger"/>} />}
  navData={<div style={iconContainerStyle}>
    <MozartIcon style={iconStyle} data={<span className="icon-Email"/>} />
    <MozartIcon style={iconStyle} data={<span className="icon-Edit "/>} />
  </div>}
/>
```
Open manually using open prop
```js
const iconContainerStyle = {display: 'flex'};
const iconStyle={margin: '0 1em'};
initialState = {
  open: false
};
<div>
<MozartIcon onClick={function(){ setState({open: true}); }} data={<span className="icon-Log"/>} />
<MozartDrawer
  title="Drawer Title"
  data={<h1>Drawer Content</h1>}
  width="850px"
  open={state.open}
  navData={<div style={iconContainerStyle}>
    <MozartIcon style={iconStyle} data={<span className="icon-Email"/>} />
    <MozartIcon style={iconStyle} data={<span className="icon-Edit "/>} />
  </div>}
  onClose={function() { setState({open: false}); }}
/>
</div>
```