Add breadcrumb partial and shortcode

This commit is contained in:
mark
2022-12-27 16:55:53 +01:00
parent 9ba31ad1c3
commit 1ec9690fe1
7 changed files with 30 additions and 19 deletions

View File

@@ -77,26 +77,9 @@ The badge for a button is available via a [custom shortcode]({{< ref "custom-sho
## Breadcrumb
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item active" aria-current="page">Home</li>
</ol>
</nav>
The breadcrumb is available as [custom shortcode]({{< ref "custom-shortcodes#breadcrumb" >}} "custom shortcode"). The following example displays a breadcrumb for the current page.
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Library</li>
</ol>
</nav>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Library</a></li>
<li class="breadcrumb-item active" aria-current="page">Data</li>
</ol>
</nav>
{{< breadcrumb >}}
## Buttons

View File

@@ -30,10 +30,23 @@ A simple danger alert—check it out!
```
The result looks like this:
{{< alert color="danger" >}}
A simple danger alert—check it out!
{{< /alert >}}
## Breadcrumb
Use the `breadcrumb` shortcode to display the current pages location within the site's navigational hierarchy. The shortcode requires no arguments, see the following example.
```html
{{</* breadcrumb */>}}
```
The result looks like this:
{{< breadcrumb >}}
## Button
Use the `button` shortcode to display a button with a hyperlink. The inner content is used as button text. The button supports an optional badge and tooltip. The shortcode supports the following arguments: