Id Demo

2 min read • 299 words

Link copied to clipboard

Accordion

First accordion, first item.

First accordion, second item.

markdown

{{< accordion >}}
  {{< accordion-item title="A1" >}}First accordion, first item.{{< /accordion-item >}}
  {{< accordion-item title="A2" >}}First accordion, second item.{{< /accordion-item >}}
{{< /accordion >}}

Second accordion, first item.

markdown

{{< accordion >}}
  {{< accordion-item title="B1" >}}Second accordion, first item.{{< /accordion-item >}}
{{< /accordion >}}

Carousel

First carousel, first slide

First carousel, second slide

markdown

{{< carousel ratio="21x9" class="col-12" >}}
  {{< img src="img/coffee.jpg" caption="First carousel, first slide" >}}
  {{< img src="img/coffee.jpg" caption="First carousel, second slide" >}}
{{< /carousel >}}

Second carousel, first slide

Second carousel, second slide

markdown

{{< carousel ratio="21x9" class="col-12" >}}
  {{< img src="img/coffee.jpg" caption="Second carousel, first slide" >}}
  {{< img src="img/coffee.jpg" caption="Second carousel, second slide" >}}
{{< /carousel >}}

Nav

First nav, tab one.

First nav, tab two.

markdown

{{< nav class="id-demo-nav" >}}
  {{< nav-item title="Tab 1" show="true" >}}First nav, tab one.{{< /nav-item >}}
  {{< nav-item title="Tab 2" >}}First nav, tab two.{{< /nav-item >}}
{{< /nav >}}

Second nav, tab one.

Second nav, tab two.

markdown

{{< nav class="id-demo-nav" >}}
  {{< nav-item title="Tab 1" show="true" >}}Second nav, tab one.{{< /nav-item >}}
  {{< nav-item title="Tab 2" >}}Second nav, tab two.{{< /nav-item >}}
{{< /nav >}}

Toast

First toast.

markdown

{{< toast >}}First toast.{{< /toast >}}

Second toast.

markdown

{{< toast >}}Second toast.{{< /toast >}}

Minimal nav (no parent args, single item)

Rendered directly (not via the example shortcode): a single-item nav whose parent has no arguments. This is the most natural nav usage and it used to crash the build.

A single-item nav whose parent has no arguments.

On this page