How to use the @patternfly/react-core.ButtonVariant.primary 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.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github kiali / kiali-ui / src / components / DebugInformation / DebugInformation.tsx View on Github external
);
    });
    if (!this.state.show) {
      return null;
    }

    return (
      Close,
          
            <button>Copy</button>
          
        ]}
      &gt;
        {this.state.copyStatus === CopyStatus.COPIED &amp;&amp; (
          }
          /&gt;
        )}
        {this.state.copyStatus === CopyStatus.OLD_COPY &amp;&amp; (
github openshift / console / frontend / packages / kubevirt-plugin / src / components / vm-disks / vm-disks.tsx View on Github external
export const VMDisks: React.FC = ({ vmLikeEntity, pvcs, datavolumes }) =&gt; {
  const [isLocked, setIsLocked] = useSafetyFirst(false);
  const withProgress = wrapWithProgress(setIsLocked);
  return (
    <div>
      <div>
        <div>
          <button id="create-disk-btn">
              withProgress(
                diskModalEnhanced({
                  blocking: true,
                  vmLikeEntity,
                }).result,
              )
            }
            isDisabled={isLocked}
          &gt;
            Create Disk
          </button>
        </div>
      </div>
      <div></div></div>
github kiali / kiali-ui / src / components / IstioActions / IstioActionsButtons.tsx View on Github external
render() {
    return (
      &lt;&gt;
        <span style="{{">
          {!this.props.readOnly &amp;&amp; (
            <span style="{{">
              <button>
                Save
              </button>
            </span>
          )}
          <span style="{{">
            <button>
              Reload
            </button>
          </span>
          <span style="{{">
            <button>
              {this.props.readOnly ? 'Close' : 'Cancel'}
            </button>
          </span>
        </span>
github openshift / console / frontend / packages / dev-console / src / components / import / DeployImageForm.tsx View on Github external
dirty,
  projects,
}) =&gt; (
  <form>
    
    
    
    
    
      
        <button data-test-id="deploy-image-form-submit-btn" type="submit">
          Create
        </button>
        <button type="button">
          Cancel
        </button>
      
    
  
);
</form>
github openshift / console / frontend / packages / dev-console / src / components / import / SourceToImageForm.tsx View on Github external
projects,
}) =&gt; (
  <form>
    
    
    
    
    
    
      
        <button type="submit">
          Create
        </button>
        <button type="button">
          Cancel
        </button>
      
    
  
);
</form>
github openshift / console / frontend / packages / kubevirt-plugin / src / components / create-vm-wizard / create-vm-wizard-footer.tsx View on Github external
<footer>
            {!isValid &amp;&amp; showError &amp;&amp; (
              
            )}
            {!isLastStep &amp;&amp; (
              <button type="submit"> {
                  setShowError(!isValid);
                  if (isValid) {
                    onNext();
                  }
                }}
                isDisabled={isNextButtonDisabled}
              &gt;
                {activeStepID === VMWizardTab.REVIEW ? createVMText : 'Next'}
              </button>
            )}
            {!isFinishingStep &amp;&amp; (
              <button> {</button></footer>
github kiegroup / optaweb-vehicle-routing / optaweb-vehicle-routing-frontend / src / ui / pages / Demo.tsx View on Github external
<button>
                              
                            </button>
                            
                              {vehicleCount}
                            
                            <button data-cy="demo-add-vehicle">
                              
                            </button>
github kiegroup / optaweb-vehicle-routing / optaweb-vehicle-routing-frontend / src / ui / components / Vehicle.tsx View on Github external
}) =&gt; {
  const [clicked, setClicked] = React.useState(false);

  return (
    
      
        
          <span id="{`vehicle-${id}`}">{description}</span>
        
        
          
            <button data-test-key="{`capacity-decrease-${id}`}"> capacityChangeHandler({ vehicleId: id, capacity: capacity - 1 })}
            &gt;
              
            </button>
            
              {capacity}
            
            <button data-test-key="{`capacity-increase-${id}`}"> capacityChangeHandler({ vehicleId: id, capacity: capacity + 1 })}
            &gt;
              
            </button>
github openshift / console / frontend / packages / dev-console / src / components / form-utils / FormFooter.tsx View on Github external
errorMessage,
  successMessage,
  disableSubmit,
  showAlert,
}) =&gt; (
  
    {showAlert &amp;&amp; (
      
        Click Save to save changes or Reload to cancel.
      
    )}
    
      <button type="{handleSubmit">
        Save
      </button>
      <button type="button">
        Reload
      </button>
    
  
);
github openshift / console / frontend / packages / metal3-plugin / src / components / baremetal-hosts / AddHost.tsx View on Github external
/&gt;
            <p></p>
          

          
            
              <button id="save-changes" type="submit">
                Create
              </button>
              <button type="button" id="cancel">
                Cancel
              </button>
            
          
        
      
    
  );
};