How to use the @rmwc/chip.ChipSet function in @rmwc/chip

To help you get started, we’ve selected a few @rmwc/chip 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 / Collection.js View on Github external
value: function renderCardTags(item) {
      var _this2 = this;

      if (!item.tags) {
        return _react2.default.createElement('div', null);
      }

      return _react2.default.createElement(
        'div',
        { style: { display: 'flex', alignItems: 'center' } },
        _react2.default.createElement(
          _chip.ChipSet,
          { style: { flex: 2 } },
          item.tags.map(function (t) {
            return _this2.renderCardTag(t);
          })
        )
      );
    }
  }, {
github fluidtrends / chunky / web / lib / components / Timer.js View on Github external
var margin = this.props.isSmallScreen ? '5' : '20';
      var width = this.props.isSmallScreen ? '30' : '50';
      var height = this.props.isSmallScreen ? '140' : '50';
      var typographyStyle = { margin: margin + 'px', color: '#fff' };

      var style = {
        border: '2px solid #4ebcd4',
        backgroundColor: '#fff',
        color: "#4ebcd4",
        padding: 2,
        width: width,
        height: 40
      };

      return _react2.default.createElement(
        _chip.ChipSet,
        null,
        _react2.default.createElement(
          _chip.Chip,
          { style: style },
          _react2.default.createElement(
            _typography.Typography,
            { use: size, style: typographyStyle },
            _react2.default.createElement(
              _chip.ChipText,
              { style: { marginLeft: 5, color: '#4ebcd4' } },
              days,
              'd'
            )
          )
        ),
        _react2.default.createElement(

@rmwc/chip

RMWC Chip component

MIT
Latest version published 12 days ago

Package Health Score

84 / 100
Full package analysis