How to use the @patternfly/react-topology.createTopologyControlButtons function in @patternfly/react-topology
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.
openshift / console / frontend / packages / dev-console / src / components / topology / TopologyControlBar.tsx View on Github 
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,
});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
