arm-explorer-component

Azure Resource Template Visualiser for React. A client side react friendly fork of https://github.com/benc-uk/azure-armviewer

Usage no npm install needed!

<script type="module">
  import armExplorerComponent from 'https://cdn.skypack.dev/arm-explorer-component';
</script>

README

Example Use

import React, {useState} from 'react';
import ArmExplorer from 'arm-explorer-component'
import './App.css';

const App = () => {
    const [armVisible,setArmVisible] = useState(false);

  return (
    <div className="App">
      <header className="App-header">
          <button onClick={()=>{setArmVisible(!armVisible)}}>{armVisible ? "Hide" : "Show" } iFrame</button>
              {armVisible &&
                <ArmExplorer token={"?tokenurl"} url={"templateurl"} name={"template name"}/>
              }t
      </header>
    </div>
  )
};