How to use the semantic-ui-react.Grid function in semantic-ui-react

To help you get started, we’ve selected a few semantic-ui-react 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 sarkistlt / graphql-auto-generating-cms / lib / index.js View on Github external
value: function render() {
      var Column = _semanticUiReact.Grid.Column;
      var _state4 = this.state,
          schema = _state4.schema,
          currentPathSchema = _state4.currentPathSchema,
          fields = _state4.fields,
          viewData = _state4.viewData,
          offset = _state4.offset,
          lastPage = _state4.lastPage,
          listData = _state4.listData,
          SideMenuItems = _state4.SideMenuItems,
          viewMode = _state4.viewMode,
          currentItemId = _state4.currentItemId,
          newMenuItemSecret = _state4.newMenuItemSecret;
      var routeToList = this.routeToList,
          routeToView = this.routeToView,
          routeToAdd = this.routeToAdd,
          addNewItem = this.addNewItem,
github sarkistlt / graphql-auto-generating-cms / lib / components / SideMenu.js View on Github external
{
              className: 'github',
              href: 'https://github.com/sarkistlt/graphql-auto-generating-cms',
              target: '_blink'
            },
            _react2.default.createElement(_semanticUiReact.Button, {
              inverted: true,
              content: 'GitHub',
              icon: 'github'
            })
          )
        ),
        _react2.default.createElement(
          _semanticUiReact.Dropdown,
          {
            as: _semanticUiReact.Grid.Column,
            text: 'NAVIGATION MENU',
            floating: true,
            labeled: true,
            button: true,
            className: 'icon mobile-nav',
            only: 'tablet mobile'
          },
          _react2.default.createElement(
            _semanticUiReact.Dropdown.Menu,
            null,
            items.map(function (item, idx) {
              return _react2.default.createElement(_semanticUiReact.Dropdown.Item, {
                key: idx,
                text: item.label,
                onClick: function onClick(e) {
                  return handleMenuClick(e, { name: item.label });
github nishurishabh / kickStarter / .next / dist / pages / campaigns / show.js View on Github external
return _react2.default.createElement(_Layout2.default, {
                __source: {
                    fileName: _jsxFileName,
                    lineNumber: 75
                }
            }, _react2.default.createElement('h3', {
                __source: {
                    fileName: _jsxFileName,
                    lineNumber: 76
                }
            }, 'Campaign Show'), _react2.default.createElement(_semanticUiReact.Grid, {
                __source: {
                    fileName: _jsxFileName,
                    lineNumber: 77
                }
            }, _react2.default.createElement(_semanticUiReact.Grid.Column, { width: 10, __source: {
                    fileName: _jsxFileName,
                    lineNumber: 78
                }
            }, this.renderCards()), _react2.default.createElement(_semanticUiReact.Grid.Column, { width: 6, __source: {
                    fileName: _jsxFileName,
                    lineNumber: 81
                }
            }, _react2.default.createElement(_contributeForm2.default, { address: this.props.address, __source: {
                    fileName: _jsxFileName,
                    lineNumber: 82
                }
            }))));
        }
    }], [{
github nishurishabh / kickStarter / .next / dist / pages / campaigns / show.js View on Github external
}
            }, _react2.default.createElement('h3', {
                __source: {
                    fileName: _jsxFileName,
                    lineNumber: 76
                }
            }, 'Campaign Show'), _react2.default.createElement(_semanticUiReact.Grid, {
                __source: {
                    fileName: _jsxFileName,
                    lineNumber: 77
                }
            }, _react2.default.createElement(_semanticUiReact.Grid.Column, { width: 10, __source: {
                    fileName: _jsxFileName,
                    lineNumber: 78
                }
            }, this.renderCards()), _react2.default.createElement(_semanticUiReact.Grid.Column, { width: 6, __source: {
                    fileName: _jsxFileName,
                    lineNumber: 81
                }
            }, _react2.default.createElement(_contributeForm2.default, { address: this.props.address, __source: {
                    fileName: _jsxFileName,
                    lineNumber: 82
                }
            }))));
        }
    }], [{