From 2e39baa3a7b556f843eb350d721e31f823ef810b Mon Sep 17 00:00:00 2001
From: Will Faught <willfaught@users.noreply.github.com>
Date: Tue, 25 Apr 2023 17:29:21 -0700
Subject: [PATCH] Add shortcodes/icon.md

---
 exampleSite/content/shortcodes/icon.md | 59 ++++++++++++++++++++++++++
 1 file changed, 59 insertions(+)
 create mode 100644 exampleSite/content/shortcodes/icon.md

diff --git a/exampleSite/content/shortcodes/icon.md b/exampleSite/content/shortcodes/icon.md
new file mode 100644
index 00000000..48d766cd
--- /dev/null
+++ b/exampleSite/content/shortcodes/icon.md
@@ -0,0 +1,59 @@
+---
+authors: ["will-faught"]
+categories: ["paige", "shortcodes"]
+description: "Demonstration of the Paige icon shortcode."
+tags: ["icon", "web font"]
+title: "Icon Shortcode"
+---
+
+Paige provides a `paige/icon` shortcode for displaying a web font icon.
+
+<!--more-->
+
+## Class parameter
+
+Code:
+
+```go-text-template
+<p>Icon: {{</* paige/icon class="bi bi-github" */>}}</p>
+```
+
+Result:
+
+<p>{{< paige/icon class="bi bi-github" >}}</p>
+
+---
+
+Code:
+
+```go-text-template
+<p class="display-1">Icon: {{</* paige/icon class="bi bi-github" */>}}</p>
+```
+
+Result:
+
+<p class="display-1">{{< paige/icon class="bi bi-github" >}}</p>
+
+## Name parameter
+
+Code:
+
+```go-text-template
+<p>Icon: {{</* paige/icon class="bi bi-github" name="GitHub" */>}}</p>
+```
+
+Result:
+
+<p>Icon: {{< paige/icon class="bi bi-github" name="GitHub" >}}</p>
+
+## Url parameter
+
+Code:
+
+```go-text-template
+<p>Icon: {{</* paige/icon class="bi bi-github" url="https://github.com/willfaught/paige" */>}}</p>
+```
+
+Result:
+
+<p>Icon: {{< paige/icon class="bi bi-github" url="https://github.com/willfaught/paige" >}}</p>