How to use the @rmwc/chip.ChipText 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 renderCardTag(tag) {
      return _react2.default.createElement(
        _chip.Chip,
        { style: { background: 'red', color: 'white' } },
        _react2.default.createElement(
          _chip.ChipText,
          null,
          _react2.default.createElement(
            _typography.Typography,
            {
              use: 'caption' },
            'sdfasd'
          )
        )
      );
    }
  }, {
github fluidtrends / chunky / web / lib / components / Timer.js View on Github external
_react2.default.createElement(
              _chip.ChipText,
              { style: { color: '#4ebcd4' } },
              minutes,
              'm'
            )
          )
        ),
        _react2.default.createElement(
          _chip.Chip,
          { style: style },
          _react2.default.createElement(
            _typography.Typography,
            { use: size, style: typographyStyle },
            _react2.default.createElement(
              _chip.ChipText,
              { style: { color: '#4ebcd4' } },
              seconds,
              's'
            )
          )
        )
      );
    }
  }, {
github fluidtrends / chunky / web / lib / components / Collection.js View on Github external
_chip.ChipText,
                  null,
                  _react2.default.createElement(
                    _typography.Typography,
                    {
                      use: 'caption'
                    },
                    item.category
                  )
                )
              ),
              _react2.default.createElement(
                _chip.Chip,
                { style: { background: '#90A4AE', color: 'white' } },
                _react2.default.createElement(
                  _chip.ChipText,
                  null,
                  _react2.default.createElement(
                    _typography.Typography,
                    {
                      use: 'caption'
                    },
                    item.label
                  )
                )
              )
            ),
            _react2.default.createElement(
              _fab.Fab,
              { mini: true },
              'star'
            ),
github fluidtrends / chunky / web / lib / components / Timer.js View on Github external
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(
          _chip.Chip,
          { style: style },
          _react2.default.createElement(
            _typography.Typography,
            { use: size, style: typographyStyle },
            _react2.default.createElement(
              _chip.ChipText,
              { style: { color: '#4ebcd4' } },
              hours,

@rmwc/chip

RMWC Chip component

MIT
Latest version published 2 months ago

Package Health Score

84 / 100
Full package analysis