LayoutAdmin

LayoutAdmin

Example with react-router-dom

      <div>
        <ThemeProvider theme={theme}>
          <div>
            <Header>header</Header>
            <LayoutAdmin>
              <Article>
                {this.props.children}
                <Route path="/page" component={Page} />
                <Route path="/dashboard" component={Dashboard} />
              </Article>
              <Nav>
                <Sidebar>
                  <SidebarItem>
                    <input type="checkbox" id="menu1" />
                    <label htmlFor="menu1">Principal</label>
                    <ul>
                      <li>
                        <Link to="/">
                          <i className={'fa fa-home'} /> Home
                        </Link>
                      </li>
                      <li>
                        <Link to="/dashboard">Dashboard</Link>
                      </li>
                      <li>
                        <Link to="/page">Páginas</Link>
                      </li>
                    </ul>
                  </SidebarItem>
                </Sidebar>
              </Nav>
            </LayoutAdmin>
            <Footer>Footer</Footer>
          </div>
        </ThemeProvider>
      </div>

The <Nav> component receive props for collapse bahHidden <Nav bahHidden>