react-toolbox: NavDrawer permanentAt property seem to be ignored [2.0.0-beta4]

Hi! When using the 2.0 beta settings permanentAt="lg" seem to be ignored even on large width (more than 2000px).

I’m using it the same way as in docs:

import React from 'react'
import { Layout, AppBar, Navigation, Link, NavDrawer, Panel } from 'react-toolbox'
import theme from './Wrapper.css'

class Wrapper extends React.Component {
  state = {
    drawerActive: false,
    drawerPinned: false,
    sidebarPinned: false
  }

  toggleDrawerActive = () => {
    this.setState({ drawerActive: !this.state.drawerActive })
  }

  render() {
    return (
      <Layout>
        <NavDrawer active={this.state.drawerActive}
                   pinned={this.state.drawerPinned} permanentAt="lg"
                   onOverlayClick={this.toggleDrawerActive}>
          <p>test</p>
        </NavDrawer>
        <Panel>
          <AppBar title="Test" leftIcon="menu" onLeftIconClick={this.toggleDrawerActive} theme={theme}>
          </AppBar>
          {this.props.children}
        </Panel>
      </Layout>
    )
  }
}

export default Wrapper

About this issue

  • Original URL
  • State: closed
  • Created 7 years ago
  • Comments: 20 (19 by maintainers)

Most upvoted comments

Merged!