Skip to content

Community Recipes

Jump to bottom Edit New page
Zack edited this page Dec 4, 2015 · 4 revisions

While the Drawer is simple, but there are a lot of possible configurations! Share your recipes below, and if there is a popular setup feel free to release it as a standalone module.

Material Design

<Drawer
  type="overlay"
  content={<ControlPanel />}
  tapToClose={true}
  openDrawerOffset={0.2} // 20% gap on the right side of drawer
  panCloseMask={0.2}
  closedDrawerOffset={-3}
  styles={{
    drawer: {shadowColor: '#000000', shadowOpacity: 0.8, shadowRadius: 3},
    main: {paddingLeft: 3}
  }}
  tweenHandler={(ratio) => ({
    main: { opacity:(2-ratio)/2 }
  })}
  >
    <Main />
</Drawer>
Add a custom footer
Add a custom sidebar
Clone this wiki locally