How to use @rmwc/drawer - 5 common examples

To help you get started, we’ve selected a few @rmwc/drawer examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github fluidtrends / chunky / web / lib / components / Drawer.js View on Github external
value: function render() {
      return _react2.default.createElement(
        _drawer.Drawer,
        {
          modal: true,
          open: this._open,
          onClose: this._onClosePressed },
        _react2.default.createElement(
          _drawer.DrawerHeader,
          { style: this._headerStyle },
          this.props.theme ? _react2.default.createElement('img', { src: 'assets/' + this.props.theme.logoLightImage, style: { width: '120px', marginTop: 10 } }) : _react2.default.createElement('div', null)
        ),
        _react2.default.createElement(
          _drawer.DrawerContent,
          null,
          this.renderMenu()
        )
      );
    }
github fluidtrends / chunky / web / lib / components / Dashboard.js View on Github external
value: function renderSidebar() {
      return _react2.default.createElement(
        _drawer.Drawer,
        { permanent: true, style: {
            alignSelf: 'stretch',
            paddingLeft: '10px',
            backgroundColor: this.props.sectionsBackgroundColor } },
        _react2.default.createElement(
          _drawer.DrawerContent,
          null,
          this.renderSections()
        )
      );
    }
  }, {
github fluidtrends / chunky / web / lib / components / Dashboard.js View on Github external
value: function renderSidebar() {
      return _react2.default.createElement(
        _drawer.Drawer,
        { permanent: true, style: {
            alignSelf: 'stretch',
            paddingLeft: '10px',
            backgroundColor: this.props.sectionsBackgroundColor } },
        _react2.default.createElement(
          _drawer.DrawerContent,
          null,
          this.renderSections()
        )
      );
    }
  }, {
github fluidtrends / chunky / web / lib / components / Drawer.js View on Github external
value: function render() {
      return _react2.default.createElement(
        _drawer.Drawer,
        {
          modal: true,
          open: this._open,
          onClose: this._onClosePressed },
        _react2.default.createElement(
          _drawer.DrawerHeader,
          { style: this._headerStyle },
          this.props.theme ? _react2.default.createElement('img', { src: 'assets/' + this.props.theme.logoLightImage, style: { width: '120px', marginTop: 10 } }) : _react2.default.createElement('div', null)
        ),
        _react2.default.createElement(
          _drawer.DrawerContent,
          null,
          this.renderMenu()
        )
      );
    }
github fluidtrends / chunky / web / lib / components / Drawer.js View on Github external
value: function render() {
      return _react2.default.createElement(
        _drawer.Drawer,
        {
          modal: true,
          open: this._open,
          onClose: this._onClosePressed },
        _react2.default.createElement(
          _drawer.DrawerHeader,
          { style: this._headerStyle },
          this.props.theme ? _react2.default.createElement('img', { src: 'assets/' + this.props.theme.logoLightImage, style: { width: '120px', marginTop: 10 } }) : _react2.default.createElement('div', null)
        ),
        _react2.default.createElement(
          _drawer.DrawerContent,
          null,
          this.renderMenu()
        )
      );
    }

@rmwc/drawer

RMWC Drawer component

MIT
Latest version published 1 month ago

Package Health Score

84 / 100
Full package analysis