Start Gauge

Gauge/src/components/test/test.tsx

@@ -0,0 +1,7 @@
+import { FSComponent, DisplayComponent, VNode } from "@microsoft/msfs-sdk";
+
+export class Test extends DisplayComponent<any> {
+  public render(): VNode {
+    return <div class="test">Hello World!</div>;
+  }
+}

Gauge/src/index.html

@@ -0,0 +1,6 @@
+<script type="text/html" id="KH_FE_FPLAN">
+  <div id="InstrumentContent"></div>
+</script>
+
+<link rel="stylesheet" href="index.css" />
+<script type="text/html" import-script="/Pages/VCockpit/Instruments/FSS_B727/KH_FE_FPLAN/index.js"></script>

Gauge/src/index.tsx

@@ -0,0 +1,18 @@
+/// <reference types="@microsoft/msfs-types/Pages/VCockpit/Core/VCockpit" />
+
+import { FSComponent } from "@microsoft/msfs-sdk";
+import { Test } from "./components/test/test";
+
+class KH_FE_FPLAN extends BaseInstrument {
+  get templateID(): string {
+    return "KH_FE_FPLAN";
+  }
+
+  public connectedCallback(): void {
+    super.connectedCallback();
+
+    FSComponent.render(<Test />, document.getElementById("InstrumentContent"));
+  }
+}
+
+registerInstrument("KH_FE_FPLAN", KH_FE_FPLAN);