hugo-theme-relearn/exampleSite/content/shortcodes/notice.en.md
2022-03-07 17:24:22 +01:00

4.2 KiB

+++ description = "Disclaimers to help you structure your page" title = "Notice" +++

The notice shortcode shows four types of disclaimers to help you structure your page.

Usage

{{%/* notice ( note | info | tip | warning ) [ <string> [ <string> ] ] */%}}
Some markup
{{%/* /notice */%}}

The first parameter is required and indicates the type of notice.

The second parameter is optional. If provided, it will be used as the title of the notice. If not provided, then the type of notice will be used as the title. For example, the title of a warning notice will be "Warning".

The third parameter is optional. If provided, it will set the icon of near the title. For the standard types of notices, this is automatically determined but can be overridden with this parameter. If you want no icon at all, you have to set this parameter to " " (a non empty string filled with spaces).

Examples

Note

{{% notice note %}} A notice disclaimer

You can add:

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

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

{{% expand "Show markup" %}}

{{%/* notice note */%}}
A **notice** disclaimer

You can add:

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

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

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

{{% /expand %}}

Info

{{% notice info %}} An information disclaimer

You can add:

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

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

{{% expand "Show markup" %}}

{{%/* notice info */%}}
An **information** disclaimer

You can add:

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

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

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

{{% /expand %}}

Tip

{{% notice tip %}} A tip disclaimer

You can add:

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

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

{{% expand "Show markup" %}}

{{%/* notice tip */%}}
A **tip** disclaimer

You can add:

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

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

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

{{% /expand %}}

Warning

{{% notice warning %}} A warning disclaimer

You can add:

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

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

{{% expand "Show markup" %}}

{{%/* notice warning */%}}
A **warning** disclaimer

You can add:

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

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

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

{{% /expand %}}

Notice with default color, custom title and icon

You can customize the title of the notice by passing it as a second parameter.

{{% notice default "Pay Attention to this Note!" "skull-crossbones" %}} The title is now the parameter that was provided. {{% /notice %}}

{{% expand "Show markup" %}}

{{%/* notice default "Pay Attention to this Note!" "skull-crossbones" */%}}
The title is now the parameter that was provided.
{{%/* /notice */%}}

{{% /expand %}}