How to use the @rmwc/list.ListItem function in @rmwc/list

To help you get started, we’ve selected a few @rmwc/list 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 / Footer.js View on Github external
value: function renderFooterSectionElement(element) {
      return _react2.default.createElement(
        _list.ListItem,
        { key: element.id, style: { cursor: 'pointer' }, onClick: this.triggerEvent(element.id, { handler: element.link }) },
        _react2.default.createElement(
          _button.Button,
          { onClick: this.triggerEvent(element.id, { handler: element.link }), style: { color: this.props.theme.footerTintColor, textAlign: 'left' } },
          element.title
        )
      );
    }
  }, {
github fluidtrends / chunky / web / lib / components / Dashboard.js View on Github external
value: function renderSection(section, index) {
      var isSelected = section.path === this.props.section.path;

      return _react2.default.createElement(
        _list.ListItem,
        {
          key: 'section' + index,
          onClick: this._onSectionSelect(section),
          style: {
            fontWeight: section.action ? 800 : 300,
            color: isSelected ? this.props.sectionSelectedColor : section.actionColor || this.props.sectionColor
          } },
        _react2.default.createElement(
          _list.ListItemText,
          null,
          section.title
        )
      );
    }
  }, {
github fluidtrends / chunky / web / lib / components / Drawer.js View on Github external
return this.props.menu.map(function (item) {
        return _react2.default.createElement(
          _list.ListItem,
          { key: 'menuItem' + index++ },
          _react2.default.createElement(
            ListItemText,
            null,
            item.title
          )
        );
      });
    }
github fluidtrends / chunky / web / lib / components / Drawer.js View on Github external
return this._menu.map(function (item) {
        var translatedTitle = theme.headerTranslation && _this3.state.strings && _this3.state.selectedLanguage ? _this3.state.strings[_this3.state.selectedLanguage]['title' + index] : item.title;
        return _react2.default.createElement(
          _list.ListItem,
          {
            onClick: _this3._onMenuItem(item),
            key: 'menuItem' + index++ },
          item.id === 'translation' ? _react2.default.createElement(_select.Select, {
            label: item.title,
            options: languages,
            onChange: function onChange(evt) {
              return _this3.changeLanguage(evt.target.value);
            },
            value: _this3.state.selectedLanguage,
            style: {
              color: theme.navigationTextButton
            }
          }) : _react2.default.createElement(
            _list.ListItemPrimaryText,
            null,
github fluidtrends / chunky / web / lib / components / Footer.js View on Github external
value: function renderFooterSection(section) {
      var _this2 = this;

      return _react2.default.createElement(
        'div',
        { key: 'footerSection' + section.id, style: {
            marginRight: '20px'
          } },
        _react2.default.createElement(
          _list.List,
          null,
          _react2.default.createElement(
            _list.ListItem,
            { style: { marginLeft: '15px' } },
            _react2.default.createElement(
              _list.ListItemText,
              { style: { color: this.props.theme.footerHeaderColor } },
              ' ',
              section.title,
              ' '
            )
          ),
          section.elements.map(function (element) {
            return _this2.renderFooterSectionElement(element);
          })
        )
      );
    }
  }, {

@rmwc/list

RMWC List component

MIT
Latest version published 2 months ago

Package Health Score

84 / 100
Full package analysis