View all @patternfly/react-core analysis

react-core

To help you get started, we’ve selected a few @patternfly/react-core 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.

patternfly / patternfly-react / packages / patternfly-4 / react-core / src / demos / PageLayout / examples / PageLayoutGroupsNav.js View on Github

Disabled Action
      ,
      ,
      Separated Link,
      Separated Action
    ];
    const PageToolbar = (
      
        
          
            <button aria-label="Notifications actions" id="groups-example-uid-01">
              
            </button>
          
          
            <button aria-label="Setings actions" id="groups-example-uid-02">
              
            </button>
          
        
        
          
            }
              isOpen={isKebabDropdownOpen}
              dropdownItems={kebabDropdownItems}
            /&gt;

openshift / console / frontend / packages / dev-console / src / components / pipelines / pipeline-resource / PipelineResourceParam.tsx View on Github

<button aria-label="create" type="button">
            
          </button>
          <button aria-label="close" type="button">
            
          </button>
        
      
    
  );
};

patternfly / patternfly-react / packages / patternfly-4 / react-core / src / demos / PageLayout / examples / PageLayoutLightNav.js View on Github

Disabled Action
      ,
      ,
      Separated Link,
      Separated Action
    ];
    const PageToolbar = (
      
        
          
            <button aria-label="Notifications actions" id="simple-example-uid-01">
              
            </button>
          
          
            <button aria-label="Settings actions" id="simple-example-uid-02">
              
            </button>
          
        
        
          
            }
              isOpen={isKebabDropdownOpen}
              dropdownItems={kebabDropdownItems}
            /&gt;

apache / qpid-dispatch / console / react / src / overview / dashboard / layout.js View on Github

);
          })}
        
      
    );
    const PageToolbar = (
      
        
          
            <button aria-label="Toggle Connect Form" id="connectButton">
              
            </button>
          
          
             (this.notificationRef = el)}
              suppress={this.state.suppress}
            /&gt;

data-driven-forms / react-forms / packages / pf4-component-mapper / src / form-fields / select / clear-indicator.js View on Github

const ClearIndicator = ({
  clearValue,
  innerProps: { ref, ...restInnerProps },
}) =&gt;(
  <button>
    
  </button>
);

3scale / porta / portafly / src / components / AppHeaderTools.tsx View on Github

]

  const userDropdownItems = [
    
       logout()}&gt;
        {t('buttons.logout')}
      
    
  ]

  return (
    
      
        
          <button aria-label="Settings actions">
            
          </button>
        
        
          <button aria-label="Help actions">
            
          </button>

patternfly / patternfly-react / packages / patternfly-4 / react-core / src / demos / PageLayout / examples / PageLayoutHorizontalNav.js View on Github

const userDropdownItems = [
      Link,
      Action,
      Disabled Link,
      
        Disabled Action
      ,
      ,
      Separated Link,
      Separated Action
    ];
    const PageToolbar = (
      
        
          
            <button aria-label="Notifications actions" id="horizontal-example-uid-01">
              
            </button>
          
          
            <button aria-label="Settings actions" id="horizontal-example-uid-02">
              
            </button>
          
        
        
          
            }

patternfly / patternfly-react / packages / patternfly-4 / react-core / src / demos / PageLayout / examples / PageLayoutDefaultNav.js View on Github

Disabled Action
      ,
      ,
      Separated Link,
      Separated Action
    ];
    const PageToolbar = (
      
        
          
            <button aria-label="Notifications actions" id="default-example-uid-01">
              
            </button>
          
          
            <button aria-label="Settings actions" id="default-example-uid-02">
              
            </button>
          
        
        
          
            }
              isOpen={isKebabDropdownOpen}
              dropdownItems={kebabDropdownItems}
            /&gt;

patternfly / patternfly-react / packages / patternfly-4 / react-core / src / demos / PageLayout / examples / PageLayoutManualNav.js View on Github

Disabled Action
      ,
      ,
      Separated Link,
      Separated Action
    ];
    const PageToolbar = (
      
        
          
            <button aria-label="Notifications actions" id="default-example-uid-01">
              
            </button>
          
          
            <button aria-label="Settings actions" id="default-example-uid-02">
              
            </button>
          
        
        
          
            }
              isOpen={isKebabDropdownOpen}
              dropdownItems={kebabDropdownItems}
            /&gt;

kiegroup / optaweb-vehicle-routing / optaweb-vehicle-routing-frontend / src / ui / header / Toolbar.tsx View on Github

<button aria-label="Notifications actions" id="horizontal-example-uid-01">
            
          </button>
        
        
          <button aria-label="Settings actions" id="horizontal-example-uid-02">
            
          </button>
        
      
    
  );
};

How to use the @patternfly/react-core.ButtonVariant.plain function in @patternfly/react-core

To help you get started, we’ve selected a few @patternfly/react-core examples, based on popular ways it is used in public projects.

@patternfly/react-core

Package Health Score

Popular @patternfly/react-core functions

Similar packages