| 1 | --- |
| 2 | depends: |
| 3 | - guide/syntax#notes |
| 4 | - guide/animations |
| 5 | since: v0.48.0 |
| 6 | tags: [presenter, animation] |
| 7 | description: | |
| 8 | Highlighting notes and auto-scrolling to the active section of notes. |
| 9 | --- |
| 10 | |
| 11 | # Click Markers |
| 12 | |
| 13 | For some slides you may have longer notes that could be hard to find your place. Slidev supports click markers that allow highlighting and auto-scrolling to the section of notes from your corresponding content. Put `[click]` markers at the beginning of any line in your notes for the timing you need to go to another [click](/guide/animations#click-animation). You may skip `n` clicks by using `[click:{n+1}]`. For example: |
| 14 | |
| 15 | ```md |
| 16 | <!-- |
| 17 | Content before the first click |
| 18 | |
| 19 | [click] This will be highlighted after the first click |
| 20 | |
| 21 | Also highlighted after the first click |
| 22 | |
| 23 | - [click] This list element will be highlighted after the second click |
| 24 | |
| 25 | [click:3] Last click (skip two clicks) |
| 26 | --> |
| 27 | ``` |
| 28 | |
| 29 | Slidev divides the content between the click markers and highlights it in presenter notes, synchronized with your slide progress. |
| 30 | |
| 31 | <video src="https://github.com/slidevjs/slidev/assets/11247099/40014e34-67cd-4830-8c8d-8431754a3672" controls rounded shadow w-full></video> |
| 32 |