How to use the grommet-icons.Car function in grommet-icons

To help you get started, we’ve selected a few grommet-icons 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 grommet / grommet / components / Carousel / stories / Custom.js View on Github external
}, _react["default"].createElement(_grommet.Carousel, _extends({
    controls: controls
  }, rest), _react["default"].createElement(_grommet.Box, {
    pad: "xlarge",
    background: "accent-1"
  }, _react["default"].createElement(_grommetIcons.Attraction, {
    size: "xlarge"
  })), _react["default"].createElement(_grommet.Box, {
    pad: "xlarge",
    background: "accent-2"
  }, _react["default"].createElement(_grommetIcons.TreeOption, {
    size: "xlarge"
  })), _react["default"].createElement(_grommet.Box, {
    pad: "xlarge",
    background: "accent-3"
  }, _react["default"].createElement(_grommetIcons.Car, {
    size: "xlarge"
  })))));
};
github grommet / grommet / components / Tabs / tabs.stories.js View on Github external
_react2.default.createElement(
        _Tab2.default,
        { title: 'Tab 2' },
        _react2.default.createElement(
          _Box2.default,
          { pad: 'large', align: 'center', background: 'accent-2' },
          _react2.default.createElement(_grommetIcons.TreeOption, { size: 'xlarge' })
        )
      ),
      _react2.default.createElement(
        _Tab2.default,
        { title: 'Tab 3' },
        _react2.default.createElement(
          _Box2.default,
          { pad: 'large', align: 'center', background: 'accent-3' },
          _react2.default.createElement(_grommetIcons.Car, { size: 'xlarge' })
        )
      )
    )
  );
};
github grommet / grommet / components / Box / box.stories.js View on Github external
align: 'center',
            background: { color: 'accent-2', opacity: 'weak' }
          },
          _react2.default.createElement(_grommetIcons.TreeOption, { size: 'xlarge' }),
          _react2.default.createElement(
            _Text2.default,
            null,
            'Nature'
          ),
          _react2.default.createElement(_Anchor2.default, { href: '', label: 'Link' }),
          _react2.default.createElement(_Button2.default, { label: 'Button', onClick: function onClick() {} })
        ),
        _react2.default.createElement(
          _Box2.default,
          { pad: 'xlarge', align: 'center', background: 'dark-3' },
          _react2.default.createElement(_grommetIcons.Car, { size: 'xlarge', color: 'light-2' }),
          _react2.default.createElement(
            _Text2.default,
            null,
            'Travel'
          ),
          _react2.default.createElement(_Anchor2.default, { href: '', label: 'Link' }),
          _react2.default.createElement(_Button2.default, { label: 'Button', onClick: function onClick() {} })
        )
      )
    );
  };