# Code Highlight Demo

This is a demo of the code highlight component.

```html
<div>Hello, world!</div>
```

```css
.hello {
  color: red;
}
```

```js
console.log("Hello, world!")
```

---

## Long code blocks

Long fences preview 12 lines. Expand to read the rest; Copy includes every line.

```js
const lessons = [
  "Getting started",
  "Sources",
  "Blocks",
  "Links",
  "Components",
  "Queries",
  "Layouts",
  "Themes",
  "Plugins",
  "Publishing",
]

for (const lesson of lessons) {
  console.log(lesson)
}
```

Add `collapse=false` to keep a long example fully visible:

```js collapse=false
const lessons = [
  "Getting started",
  "Sources",
  "Blocks",
  "Links",
  "Components",
  "Queries",
  "Layouts",
  "Themes",
  "Plugins",
  "Publishing",
]

for (const lesson of lessons) {
  console.log(lesson)
}
```