hazza/hinode
1
0
Fork 0
mirror of https://github.com/gethinode/hinode.git synced 2025-10-12 12:33:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Introduce badge shortcode to replace HTML code

Browse Source
This commit is contained in:
mark
2023-08-27 06:09:42 +02:00
parent 9f437c0576
commit ddc19e40ef
2 changed files with 41 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
exampleSite/content/en/blog/bootstrap-elements.md
View File

@@ -49,15 +49,26 @@ As an example, the following shortcode displays a simple alert.
## Badge
Use HTML code to display a badge for a heading. See the Bootstrap [documentation]({{< param "links.bs_badge_heading" >}}) for more options.
Use the badge shortcode to display a badge for a heading.
{{< example >}}
<h1>Example heading of size one <span class="badge bg-secondary">New</span></h1>
<h2>Example heading of size two <span class="badge bg-secondary">New</span></h2>
<h3>Example heading of size three <span class="badge bg-secondary">New</span></h3>
<h4>Example heading of size four <span class="badge bg-secondary">New</span></h4>
<h5>Example heading of size five <span class="badge bg-secondary">New</span></h5>
<h6>Example heading of size six <span class="badge bg-secondary">New</span></h6>
Heading 1 {{</* badge title="New" */>}}
{.h1}
Heading 2 {{</* badge title="New" */>}}
{.h2}
Heading 3 {{</* badge title="New" */>}}
{.h3}
Heading 4 {{</* badge title="New" */>}}
{.h4}
Heading 5 {{</* badge title="New" */>}}
{.h5}
Heading 6 {{</* badge title="New" */>}}
{.h6}
{{< /example >}}
## Breadcrumb