Skip to content

Instantly share code, notes, and snippets.

@carlosrbta

carlosrbta/Drawer_Usage.js

Last active January 22, 2019 23:00
Show Gist options
  • Save carlosrbta/595240a21deec481e75f0547e1cd92db to your computer and use it in GitHub Desktop.
Save carlosrbta/595240a21deec481e75f0547e1cd92db to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Drawer_Usage.js
import React from 'react'
import { Drawer } from 'src/components'
const MyDrawer = ({ open, setClose }) => (
<Drawer
pullRight
width={700}
open={open}
setClose={setClose}
className="teste"
>
<Drawer.Header title="Convidar colaborador" iconName="download" />
<Drawer.Body>
<div>Conteudo</div>
</Drawer.Body>
<Drawer.Footer>
<Drawer.Action primary>Enviar Convite</Drawer.Action>
<Drawer.Action>Enviar e convidar outros</Drawer.Action>
<Drawer.Action onClick={setClose}>Cancelar</Drawer.Action>
</Drawer.Footer>
</Drawer>
)
export default MyDrawer
@carlosrbta
Copy link
Author

state = { open: false, }
setClose = () => { this.setState(prevState => ({ open: !prevState.open, })) }

<Button onClick={this.setClose}>Open sidebar</Button>

<MyDrawer open={this.state.open} setClose={this.setClose} />

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment