paige-hugo/exampleSite/content/shortcodes/icon.md

authors, categories, date, description, tags, title

authors	categories	date	description	tags	title
will-faught	paige shortcodes	2023-09-18T21:35:15-07:00	Demonstration of the Paige icon shortcode.	icon web font	Icon Shortcode

Paige provides a paige/icon shortcode for displaying a web font icon.

Class parameter

Code:

<p class="display-1">Icon: {{</* paige/icon class="bi bi-github" */>}}</p>

Result:

Icon: {{< paige/icon class="bi bi-github" >}}

Title parameter

Code:

<p class="display-1">Icon: {{</* paige/icon class="bi bi-github" title="GitHub" */>}}</p>

Result:

Icon: {{< paige/icon class="bi bi-github" title="GitHub" >}}

Url parameter

Code:

<p class="display-1">Icon: {{</* paige/icon class="bi bi-github" url="https://github.com/willfaught/paige" */>}}</p>

Result:

Icon: {{< paige/icon class="bi bi-github" url="https://github.com/willfaught/paige" >}}