From 5caaeae073a885a20f320c3eff5d8e41f40b5101 Mon Sep 17 00:00:00 2001
From: mark <mark@dumay.nl>
Date: Fri, 21 Jul 2023 05:51:56 +0200
Subject: [PATCH] Add KaTeX example

---
 content/nl/blog/components.md | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/content/nl/blog/components.md b/content/nl/blog/components.md
index 8ca26eaa..f322907a 100644
--- a/content/nl/blog/components.md
+++ b/content/nl/blog/components.md
@@ -2,16 +2,30 @@
 author: Mark Dumay
 title: Componenten
 slug: componenten
-date: 2023-07-10
+date: 2023-07-21
 description: Gebruik shortcodes om voorgedefiniëerde componenten toe te voegen die gebruikmaken van externe libraries.
 tags: ["bootstrap", "shortcode"]
 thumbnail: img/puzzle.jpg
 photoCredits: <a href="https://unsplash.com/@ryoji__iwata">Ryoji Iwata</a>
 photoSource: <a href="https://unsplash.com/photos/5siQcvSxCP8">Unsplash</a>
+modules: ["katex", "leaflet"]
 ---
 
 Hinode biedt meerdere shortcodes aan bovenop de gebruikelijke [Bootstrap elementen]({{< relref "bootstrap-elements" >}}). Zie de [officiële documentatie]({{< param "links.hinode_docs" >}}) voor meer details.
 
+## Formule (KaTeX)
+
+De volgende markdown code genereert twee wiskundige formules met behulp van KaTeX.
+
+{{< example lang="markdown" >}}
+Dit is een inline $-b \pm \sqrt{b^2 - 4ac} \over 2a$ formule
+
+Dit is geen inline formule:
+
+$$x = a_0 + \frac{1}{a_1 + \frac{1}{a_2 + \frac{1}{a_3 + a_4}}}$$  
+$$\forall x \in X, \quad \exists y \leq \epsilon$$
+{{< /example >}}
+
 ## Map
 
 De volgende shortcode toont een interactieve kaart van Amsterdam.