Rockingcool/paige-hugo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add tabs shortcode

Browse Source
This commit is contained in:
Will Faught
2024-07-08 10:08:04 -07:00
parent 6378ac1bfc
commit 98ba641b30
7 changed files with 214 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

132
exampleSite/content/shortcodes/tabs.md Normal file
View File

@@ -0,0 +1,132 @@
+++
authors = ["author-demo"]
categories = ["paige", "shortcodes"]
date = 2024-07-06T22:37:00-07:00
description = "Demonstration of the Paige tabs shortcodes."
tags = ["figures", "tabs"]
title = "Tabs Shortcode"
+++
Paige provides a `paige/tabs` shortcode for displaying content in tabs.
<!--more-->
## Basic
Code:
```go-html-template
{{</* paige/tabs */>}}
{{</* paige/tabs/buttons */>}}
{{</* paige/tabs/button */>}}JSON{{</* /paige/tabs/button */>}}
{{</* paige/tabs/button */>}}TOML{{</* /paige/tabs/button */>}}
{{</* paige/tabs/button */>}}YAML{{</* /paige/tabs/button */>}}
{{</* /paige/tabs/buttons */>}}
{{</* paige/tabs/panes */>}}
{{</* paige/tabs/pane */>}}
{{</* paige/code lang="json" */>}}
{"foo": 123}
{{</* /paige/code */>}}
{{</* /paige/tabs/pane */>}}
{{</* paige/tabs/pane */>}}
{{</* paige/code lang="toml" */>}}
foo = 123
{{</* /paige/code */>}}
{{</* /paige/tabs/pane */>}}
{{</* paige/tabs/pane */>}}
{{</* paige/code lang="yaml" */>}}
foo: 123
{{</* /paige/code */>}}
{{</* /paige/tabs/pane */>}}
{{</* /paige/tabs/panes */>}}
{{</* /paige/tabs */>}}
```
Result:
{{< paige/tabs >}}
{{< paige/tabs/buttons >}}
{{< paige/tabs/button >}}JSON{{< /paige/tabs/button >}}
{{< paige/tabs/button >}}TOML{{< /paige/tabs/button >}}
{{< paige/tabs/button >}}YAML{{< /paige/tabs/button >}}
{{< /paige/tabs/buttons >}}
{{< paige/tabs/panes >}}
{{< paige/tabs/pane >}}
{{< paige/code lang="json" >}}
{"foo": 123}
{{< /paige/code >}}
{{< /paige/tabs/pane >}}
{{< paige/tabs/pane >}}
{{< paige/code lang="toml" >}}
foo = 123
{{< /paige/code >}}
{{< /paige/tabs/pane >}}
{{< paige/tabs/pane >}}
{{< paige/code lang="yaml" >}}
foo: 123
{{< /paige/code >}}
{{< /paige/tabs/pane >}}
{{< /paige/tabs/panes >}}
{{< /paige/tabs >}}
## Figure
Code:
```go-html-template
{{</* paige/figure caption="Tabs" */>}}
{{</* paige/tabs */>}}
{{</* paige/tabs/buttons */>}}
{{</* paige/tabs/button */>}}JSON{{</* /paige/tabs/button */>}}
{{</* paige/tabs/button */>}}TOML{{</* /paige/tabs/button */>}}
{{</* paige/tabs/button */>}}YAML{{</* /paige/tabs/button */>}}
{{</* /paige/tabs/buttons */>}}
{{</* paige/tabs/panes */>}}
{{</* paige/tabs/pane */>}}
{{</* paige/code lang="json" */>}}
{"foo": 123}
{{</* /paige/code */>}}
{{</* /paige/tabs/pane */>}}
{{</* paige/tabs/pane */>}}
{{</* paige/code lang="toml" */>}}
foo = 123
{{</* /paige/code */>}}
{{</* /paige/tabs/pane */>}}
{{</* paige/tabs/pane */>}}
{{</* paige/code lang="yaml" */>}}
foo: 123
{{</* /paige/code */>}}
{{</* /paige/tabs/pane */>}}
{{</* /paige/tabs/panes */>}}
{{</* /paige/tabs */>}}
{{</* /paige/figure */>}}
```
Result:
{{< paige/figure caption="Tabs" >}}
{{< paige/tabs >}}
{{< paige/tabs/buttons >}}
{{< paige/tabs/button >}}JSON{{< /paige/tabs/button >}}
{{< paige/tabs/button >}}TOML{{< /paige/tabs/button >}}
{{< paige/tabs/button >}}YAML{{< /paige/tabs/button >}}
{{< /paige/tabs/buttons >}}
{{< paige/tabs/panes >}}
{{< paige/tabs/pane >}}
{{< paige/code lang="json" >}}
{"foo": 123}
{{< /paige/code >}}
{{< /paige/tabs/pane >}}
{{< paige/tabs/pane >}}
{{< paige/code lang="toml" >}}
foo = 123
{{< /paige/code >}}
{{< /paige/tabs/pane >}}
{{< paige/tabs/pane >}}
{{< paige/code lang="yaml" >}}
foo: 123
{{< /paige/code >}}
{{< /paige/tabs/pane >}}
{{< /paige/tabs/panes >}}
{{< /paige/tabs >}}
{{< /paige/figure >}}