---
title: Syntax Highlight Demo
date: 2022-03-18 10:54:39
tags:
---

# Syntax Highlight Demo

```ts
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
```

```html
<!-- 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>
```

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