diff options
| author | Alex Shpak <alex-shpak@users.noreply.github.com> | 2019-10-03 18:15:24 +0200 |
|---|---|---|
| committer | Alex Shpak <alex-shpak@users.noreply.github.com> | 2019-10-03 18:15:24 +0200 |
| commit | 1f8d34168fb142ecc013ca640a3d2bc52988aa44 (patch) | |
| tree | d3d44afd4f2e8d6d27ef3b25b2f4704f0a7f9f8f /exampleSite/content/docs/introduction/examples/shortcodes.md | |
| parent | 3e3a3346e1ce6d5f8f636189aeb8a7331c623429 (diff) | |
#77, Introduce hint shortcode
Diffstat (limited to 'exampleSite/content/docs/introduction/examples/shortcodes.md')
| -rw-r--r-- | exampleSite/content/docs/introduction/examples/shortcodes.md | 78 |
1 files changed, 54 insertions, 24 deletions
diff --git a/exampleSite/content/docs/introduction/examples/shortcodes.md b/exampleSite/content/docs/introduction/examples/shortcodes.md index bbcc81c..c2f115a 100644 --- a/exampleSite/content/docs/introduction/examples/shortcodes.md +++ b/exampleSite/content/docs/introduction/examples/shortcodes.md @@ -4,38 +4,34 @@ weight: 3 # Shortcodes -## Expand shortcode - -### Default +## Hints +Hint shortcode can be used as hint/alerts/notification block. There are 3 colors to choose: `info`, `warning` and `danger`. ```tpl -{{</* expand */>}} -## Markdown content -Lorem markdownum insigne... -{{</* /expand */>}} +{{</* hint [info|warning|danger] */>}} +**Markdown content** +Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat +stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa +{{</* /hint */>}} ``` -{{< expand >}} -## Markdown content -Lorem markdownum insigne... -{{< /expand >}} - -### With Custom Label +{{< hint info >}} +**Markdown content** +Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat +stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa +{{< /hint >}} -```tpl -{{</* expand "Custom Label" "..." */>}} -## Markdown content -Lorem markdownum insigne... -{{</* /expand */>}} -``` +{{< hint warning >}} +**Markdown content** +Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat +stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa +{{< /hint >}} -{{< expand "Custom Label" "..." >}} -## Markdown content +{{< hint danger >}} +**Markdown content** Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa -protulit, sed sed aere valvis inhaesuro Pallas animam: qui _quid_, ignes. -Miseratus fonte Ditis conubia. -{{< /expand >}} +{{< /hint >}} ## Buttons @@ -135,6 +131,40 @@ protulit, sed sed aere valvis inhaesuro Pallas animam: qui _quid_, ignes. Miseratus fonte Ditis conubia. {{< /columns >}} +## Expand shortcode + +Expand shortcode can help to decrease clutter on screen by hiding part of text + +### Default + +```tpl +{{</* expand */>}} +## Markdown content +Lorem markdownum insigne... +{{</* /expand */>}} +``` + +{{< expand >}} +## Markdown content +Lorem markdownum insigne... +{{< /expand >}} + +### With Custom Label + +```tpl +{{</* expand "Custom Label" "..." */>}} +## Markdown content +Lorem markdownum insigne... +{{</* /expand */>}} +``` + +{{< expand "Custom Label" "..." >}} +## Markdown content +Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat +stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa +protulit, sed sed aere valvis inhaesuro Pallas animam: qui _quid_, ignes. +Miseratus fonte Ditis conubia. +{{< /expand >}} ## Mermaid Chart |