How to use the semantic-ui-react.Menu 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 / components / List.js View on Github external
_react2.default.createElement(
                _semanticUiReact.Table.HeaderCell,
                { colSpan: '3' },
                _react2.default.createElement(
                  _semanticUiReact.Button,
                  {
                    type: 'submit',
                    color: 'black',
                    className: 'add-btn',
                    onClick: addNewItem,
                    disabled: !schema.resolvers.create || !schema.resolvers.create.allowed
                  },
                  'add new'
                ),
                _react2.default.createElement(
                  _semanticUiReact.Menu,
                  { floated: 'right', pagination: true },
                  _react2.default.createElement(
                    _semanticUiReact.Menu.Item,
                    { as: 'a', icon: true, onClick: previewsPage },
                    _react2.default.createElement(_semanticUiReact.Icon, { name: 'left chevron', disabled: !offset })
                  ),
                  _react2.default.createElement(
                    _semanticUiReact.Menu.Item,
                    { as: 'a', icon: true, onClick: nextPage },
                    _react2.default.createElement(_semanticUiReact.Icon, { name: 'right chevron', disabled: lastPage })
                  )
                )
              )
            )
          )
        )
github sarkistlt / graphql-auto-generating-cms / lib / components / SideMenu.js View on Github external
value: function render() {
      var _state = this.state,
          activeItem = _state.activeItem,
          items = _state.items;
      var handleMenuClick = this.handleMenuClick,
          handleNewMenuClick = this.handleNewMenuClick;
      var newMenuItems = this.props.newMenuItems;

      return _react2.default.createElement(
        _semanticUiReact.Grid,
        { columns: 1, className: 'SideMenuWrapper' },
        _react2.default.createElement(
          _semanticUiReact.Menu,
          { as: _semanticUiReact.Grid.Column, pointing: true, vertical: true, inverted: true, className: 'SideMenu', only: 'computer' },
          newMenuItems ? newMenuItems.map(function (item, idx) {
            return _react2.default.createElement(
              _semanticUiReact.Menu.Item,
              {
                key: idx,
                name: item.secret,
                id: item.secret,
                active: activeItem === item.secret,
                onClick: handleNewMenuClick
              },
              item.label
            );
          }) : null,
          items.map(function (item, idx) {
            return _react2.default.createElement(
github sarkistlt / graphql-auto-generating-cms / lib / components / List.js View on Github external
_react2.default.createElement(
                  _semanticUiReact.Button,
                  {
                    type: 'submit',
                    color: 'black',
                    className: 'add-btn',
                    onClick: addNewItem,
                    disabled: !schema.resolvers.create || !schema.resolvers.create.allowed
                  },
                  'add new'
                ),
                _react2.default.createElement(
                  _semanticUiReact.Menu,
                  { floated: 'right', pagination: true },
                  _react2.default.createElement(
                    _semanticUiReact.Menu.Item,
                    { as: 'a', icon: true, onClick: previewsPage },
                    _react2.default.createElement(_semanticUiReact.Icon, { name: 'left chevron', disabled: !offset })
                  ),
                  _react2.default.createElement(
                    _semanticUiReact.Menu.Item,
                    { as: 'a', icon: true, onClick: nextPage },
                    _react2.default.createElement(_semanticUiReact.Icon, { name: 'right chevron', disabled: lastPage })
                  )
                )
              )
            )
          )
        )
      );
    }
  }]);
github sarkistlt / graphql-auto-generating-cms / lib / components / SideMenu.js View on Github external
newMenuItems ? newMenuItems.map(function (item, idx) {
            return _react2.default.createElement(
              _semanticUiReact.Menu.Item,
              {
                key: idx,
                name: item.secret,
                id: item.secret,
                active: activeItem === item.secret,
                onClick: handleNewMenuClick
              },
              item.label
            );
          }) : null,
          items.map(function (item, idx) {
github nishurishabh / kickStarter / .next / dist / components / Header.js View on Github external
exports.default = function () {
  return _react2.default.createElement(_semanticUiReact.Menu, { style: { marginTop: '10px' }, __source: {
      fileName: _jsxFileName,
      lineNumber: 6
    }
  }, _react2.default.createElement(_routes.Link, { route: '/', __source: {
      fileName: _jsxFileName,
      lineNumber: 7
    }
  }, _react2.default.createElement('a', { className: 'item', __source: {
      fileName: _jsxFileName,
      lineNumber: 8
    }
  }, ' KickStarter 2.0 ')), _react2.default.createElement(_semanticUiReact.Menu.Menu, { position: 'right', __source: {
      fileName: _jsxFileName,
      lineNumber: 10
    }
  }, _react2.default.createElement(_routes.Link, { route: '/', __source: {
      fileName: _jsxFileName,
      lineNumber: 11
    }
  }, _react2.default.createElement('a', { className: 'item', __source: {
      fileName: _jsxFileName,
      lineNumber: 12
    }
  }, ' Campaigns ')), _react2.default.createElement(_routes.Link, { route: '/campaigns/new', __source: {
      fileName: _jsxFileName,
      lineNumber: 14
    }
  }, _react2.default.createElement('a', { className: 'item', __source: {
github nishurishabh / kickStarter / .next / dist / components / Header.js View on Github external
exports.default = function () {
  return _react2.default.createElement(_semanticUiReact.Menu, { style: { marginTop: '10px' }, __source: {
      fileName: _jsxFileName,
      lineNumber: 6
    }
  }, _react2.default.createElement(_routes.Link, { route: '/', __source: {
      fileName: _jsxFileName,
      lineNumber: 7
    }
  }, _react2.default.createElement('a', { className: 'item', __source: {
      fileName: _jsxFileName,
      lineNumber: 8
    }
  }, ' KickStarter 2.0 ')), _react2.default.createElement(_semanticUiReact.Menu.Menu, { position: 'right', __source: {
      fileName: _jsxFileName,
      lineNumber: 10
    }
  }, _react2.default.createElement(_routes.Link, { route: '/', __source: {
github kitspace / kitspace / src / login / login.jsx View on Github external
render() {
    return (
      <div>
        
          <div>
            {'Login'}
          </div>
        
        
          
            
              
            
            
              
              Games
            
            </div>