How to use @patternfly/react-topology - 2 common examples

To help you get started, we’ve selected a few @patternfly/react-topology 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 openshift / console / frontend / packages / dev-console / src / components / topology / TopologyControlBar.tsx View on Github external
const TopologyControlBar: React.FC = ({ graphApi }) => {
  const controlButtons = createTopologyControlButtons({
    ...defaultControlButtonsOptions,
    zoomInCallback: () => {
      graphApi && graphApi.zoomIn();
    },
    zoomOutCallback: () => {
      graphApi && graphApi.zoomOut();
    },
    fitToScreenCallback: () => {
      graphApi && graphApi.zoomFit();
    },
    resetViewCallback: () => {
      graphApi && graphApi.resetLayout();
    },
    legend: false,
  });
github apache / qpid-dispatch / console / react / src / topology / topologyViewer.js View on Github external
render() {
    const controlButtons = createTopologyControlButtons({
      zoomInCallback: this.zoomInCallback,
      zoomOutCallback: this.zoomOutCallback,
      resetViewCallback: this.resetViewCallback,
      fitToScreenHidden: true,
      legendCallback: this.handleLegendClick,
      legendAriaLabel: "topology-legend"
    });
    return (

@patternfly/react-topology

Provide patternfly components, styles, and utilities for displaying a topology view

MIT
Latest version published 2 months ago

Package Health Score

76 / 100
Full package analysis

Popular @patternfly/react-topology functions

Similar packages