How to use the @rmwc/list.ListItemText 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 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);
          })
        )
      );
    }
  }, {
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 / Footer.js View on Github external
_list.List,
          { style: {
              display: 'flex',
              flex: '1',
              alignSelf: 'center',
              justifyContent: 'center',
              flexDirection: 'column',
              textAlign: 'center'
            } },
          _react2.default.createElement(
            _list.ListItem,
            { style: { marginRight: '20px', color: this.props.theme.footerHeaderColor,
                alignSelf: 'center'
              } },
            _react2.default.createElement(
              _list.ListItemText,
              null,
              ' ',
              this.props.info.copyright,
              ' '
            )
          )
        )
      );
    }
  }, {

@rmwc/list

RMWC List component

MIT
Latest version published 2 months ago

Package Health Score

84 / 100
Full package analysis