How to use the grommet-icons.FormClose 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 / Select / stories / Seasons.js View on Github external
vertical: 'xsmall',
        horizontal: 'small'
      },
      margin: "xsmall",
      background: "accent-1",
      round: "large"
    }, _react["default"].createElement(_grommet.Text, {
      size: "small",
      color: "white"
    }, season), _react["default"].createElement(_grommet.Box, {
      background: "white",
      round: "full",
      margin: {
        left: 'xsmall'
      }
    }, _react["default"].createElement(_grommetIcons.FormClose, {
      color: "accent-1",
      size: "small",
      style: {
        width: '12px',
        height: '12px'
      }
    }))));
  };
github grommet / grommet / components / TextInput / stories / Tag.js View on Github external
align: "center",
    background: "brand",
    pad: {
      horizontal: 'xsmall',
      vertical: 'xxsmall'
    },
    margin: {
      vertical: 'xxsmall'
    },
    round: "medium"
  }, rest), _react["default"].createElement(_grommet.Text, {
    size: "xsmall",
    margin: {
      right: 'xxsmall'
    }
  }, children), onRemove && _react["default"].createElement(_grommetIcons.FormClose, {
    size: "small",
    color: "white"
  }));

  if (onRemove) {
    return _react["default"].createElement(_grommet.Button, {
      onClick: onRemove
    }, tag);
  }

  return tag;
};
github grommet / grommet / components / Layer / layer.stories.js View on Github external
round: 'medium',
              elevation: 'medium',
              pad: { vertical: 'xsmall', horizontal: 'small' },
              background: 'status-ok'
            },
            _react2.default.createElement(
              _.Box,
              { align: 'center', direction: 'row', gap: 'xsmall' },
              _react2.default.createElement(_grommetIcons.StatusGood, null),
              _react2.default.createElement(
                _.Text,
                null,
                'A new virtual machine has been successfully added'
              )
            ),
            _react2.default.createElement(_.Button, { icon: _react2.default.createElement(_grommetIcons.FormClose, null), onClick: this.onClose, plain: true })
          )
        )
      )
    );
  };
github grommet / grommet / components / Select / stories / CustomSearch.js View on Github external
return name;
    }).join(', '))), _react["default"].createElement(_grommet.Button, {
      href: "#",
      onFocus: function onFocus(event) {
        return event.stopPropagation();
      },
      onClick: function onClick(event) {
        event.preventDefault();
        event.stopPropagation();
        clearContentPartners();
        selectRef.current.focus();
      }
    }, _react["default"].createElement(_grommet.Box, {
      background: "gray",
      round: "full"
    }, _react["default"].createElement(_grommetIcons.FormClose, {
      style: {
        width: '12px',
        height: '12px'
      }
    }))));
  };
github grommet / grommet / components / Select / stories / select.stories.js View on Github external
direction: 'row',
            gap: 'xsmall',
            pad: { vertical: 'xsmall', horizontal: 'small' },
            margin: 'xsmall',
            background: 'accent-1',
            round: 'large'
          },
          _react2.default.createElement(
            _.Text,
            { size: 'small', color: 'white' },
            season
          ),
          _react2.default.createElement(
            _.Box,
            { background: 'white', round: 'full', margin: { left: 'xsmall' } },
            _react2.default.createElement(_grommetIcons.FormClose, {
              color: 'accent-1',
              size: 'small',
              style: { width: '12px', height: '12px' }
            })
          )
        )
      );
    }, _this5.renderOption = function (option) {
      return _react2.default.createElement(
github grommet / grommet / components / Select / select.stories.js View on Github external
direction: 'row',
            gap: 'xsmall',
            pad: { vertical: 'xsmall', horizontal: 'small' },
            margin: 'xsmall',
            background: 'accent-1',
            round: 'large'
          },
          _react2.default.createElement(
            _Text2.default,
            { size: 'small', color: 'white' },
            season
          ),
          _react2.default.createElement(
            _Box2.default,
            { background: 'white', round: 'full', margin: { left: 'xsmall' } },
            _react2.default.createElement(_grommetIcons.FormClose, {
              color: 'accent-1',
              size: 'small',
              style: { width: '12px', height: '12px' }
            })
          )
        )
      );
    }, _this3.renderOption = function (option) {
      return _react2.default.createElement(