48 lines
970 B
Markdown
48 lines
970 B
Markdown
+++
|
|
authors = ["author-demo"]
|
|
categories = ["paige", "shortcodes"]
|
|
description = "Demonstration of the icon shortcode."
|
|
tags = ["icon", "web font"]
|
|
title = "Icon"
|
|
+++
|
|
|
|
The `paige/icon` shortcode displays a web font icon.
|
|
|
|
<!--more-->
|
|
|
|
## Class parameter
|
|
|
|
Code:
|
|
|
|
```go-html-template
|
|
<p class="display-1">Icon: {{</* paige/icon class="bi bi-github" */>}}</p>
|
|
```
|
|
|
|
Result:
|
|
|
|
<p class="display-1">Icon: {{< paige/icon class="bi bi-github" >}}</p>
|
|
|
|
## Title parameter
|
|
|
|
Code:
|
|
|
|
```go-html-template
|
|
<p class="display-1">Icon: {{</* paige/icon class="bi bi-github" title="GitHub" */>}}</p>
|
|
```
|
|
|
|
Result:
|
|
|
|
<p class="display-1">Icon: {{< paige/icon class="bi bi-github" title="GitHub" >}}</p>
|
|
|
|
## Url parameter
|
|
|
|
Code:
|
|
|
|
```go-html-template
|
|
<p class="display-1">Icon: {{</* paige/icon class="bi bi-github" url="https://github.com/willfaught/paige" */>}}</p>
|
|
```
|
|
|
|
Result:
|
|
|
|
<p class="display-1">Icon: {{< paige/icon class="bi bi-github" url="https://github.com/willfaught/paige" >}}</p>
|