Syntax Highlight Demo

class MyClass {
  public static myValue: string;
  constructor(init: string) {
    this.myValue = init;
  }
}
import fs = require("fs");
module MyModule {
  export interface MyInterface extends Other {
    myProperty: any;
  }
}
declare magicNumber number;
myArray.forEach(() => { }); // fat arrow syntax

<!-- Primary -->
<details>
  <summary role="button">Accordion 1</summary>
  <p>…</p>
</details>

<!-- Secondary -->
<details>
  <summary role="button" class="secondary">Accordion 2</summary>
  <p>…</p>
</details>

<!-- Contrast -->
<details>
  <summary role="button" class="contrast">Accordion 3</summary>
  <p>…</p>
</details>

<script>
  document.getElementById('indeterminate-progress').indeterminate = true;
</script>