React Slides

* Adds useState
* State
* useEffect
* Side Effects

1 files changed, 22 insertions, 0 deletions

diff --git a/src/lib/components/code.svelte b/src/lib/components/code.svelte
new file mode 100644
index 0000000..255bf7e
--- /dev/null
+++ b/src/lib/components/code.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+	type Lines = string | boolean | null
+	type Offset = string | null
+	type Language = string | null
+
+	export let id = 'code-animation'
+	export let lines: Lines = true
+	export let offset: Offset = null
+	export let lang: Language = null
+
+	delete $$restProps.class
+</script>
+
+<pre data-id={id} class={$$props.class || ''} {...$$restProps}>
+  <code
+		data-trim
+		data-line-numbers={lines || null}
+		data-ln-start-from={offset}
+		class="language-{lang}">
+<slot />
+  </code>
+</pre>