add support for automatically scrolling code highlights into view

1 files changed, 14 insertions, 1 deletions

diff --git a/demo.html b/demo.html
index 8eda9ea..06be8ca 100644
--- a/demo.html
+++ b/demo.html
@@ -102,7 +102,7 @@
 
 				<section data-auto-animate>
 					<h2 data-id="code-title">With animations</h2>
-					<pre data-id="code-animation"><code class="hljs" data-trim data-line-numbers="|4|4,8-11">
+					<pre data-id="code-animation"><code class="hljs" data-trim data-line-numbers="|4,8-11|17|22-24">
 						import React, { useState } from 'react';
 
 						function Example() {
@@ -117,6 +117,19 @@
 						    &lt;/div&gt;
 						  );
 						}
+
+						function SecondExample() {
+						  const [count, setCount] = useState(0);
+
+						  return (
+						    &lt;div&gt;
+						      &lt;p&gt;You clicked {count} times&lt;/p&gt;
+						      &lt;button onClick={() =&gt; setCount(count + 1)}&gt;
+						        Click me
+						      &lt;/button&gt;
+						    &lt;/div&gt;
+						  );
+						}
 					</code></pre>
 				</section>