hugo-theme-relearn/exampleSite/content/shortcodes/expand.en.md
Sören Weber 15cfc82ddb
theme: convert front matter to TOML #52
remove date field
2021-08-25 13:33:29 +02:00

1.8 KiB

+++ description = "Displays an expandable/collapsible section of text on your page" title = "Expand" +++

The Expand shortcode displays an expandable/collapsible section of text on your page.

Usage

{{%/* expand "Does this relearn theme rock?" { "true" | "false" } */%}}
Yes!
{{%/* /expand */%}}

The first optional parameter defines the text that appears next to the expand/collapse icon. The default text is "Expand me...".

The second optional parameter controls if the block is initially shown as expanded ("true") or collapsed ("false"). The default ist "false".

Examples

All defaults

{{% expand %}} Yes, you did it! {{% /expand %}}

{{% expand "Show markup" "true" %}}

{{%/* expand */%}}
Yes, you did it!
{{%/* /expand */%}}

{{% /expand %}}

Initially expanded

{{% expand "Expand me..." "true" %}} No need to press you! {{% /expand %}}

{{% expand "Show markup" "true" %}}

{{%/* expand "Expand me..." "true" */%}}
No need to press you!
{{%/* /expand */%}}

{{% /expand %}}

Arbitrary text

{{% expand "Show me endless possibilities" %}} Some expandable text.

You can add:

  • multiple paragraphs
  • bullet point lists
  • emphasized, bold and even bold emphasized text
  • links
  • other shortcodes besides expand
  • etc.
...and even source code

the possiblities are endless {{% /expand %}}

{{% expand "Show markup" %}}

{{%/* expand "Show me endless possibilities" */%}}
Some expandable text.

You can add:

- multiple paragraphs
- bullet point lists
- _emphasized_, **bold** and even **_bold emphasized_** text
- [links](https://example.com)
- other shortcodes besides `expand`
- etc.

```plaintext
...and even source code
```

> the possiblities are endless
{{%/* /expand */%}}

{{% /expand %}}