Notice
Jump to Section
The notice shortcode highlights a text with a solid vertical line in front of your text.
You may add a label to your notice which will be displayed on top of it.
Usage
{{%notice $color $label %}}Lorem ipsum{{%/notice%}}
| Parameter | Description |
|---|---|
| $color | type/color of notice |
| $label | label displayed on top (default to the type) |
Examples
Lorem ipsum dolor sit amet, consectetur.
Lorem !
ipsum dolor sit amet, consectetur.
Lorem ipsum dolor sit amet, consectetur
ipsum dolor sit amet
Colors
| Type | code |
|---|---|
|
This is the default notice. |
{{% notice %}} This is the default notice. {{% /notice %}} |
|
This is a primary notice. |
{{% notice primary %}} This is a notice. {{% /notice %}} |
|
This is a secondary notice. |
{{% notice secondary %}} This is a notice. {{% /notice %}} |
|
This is a success notice. |
{{% notice success %}} This is a notice. {{% /notice %}} |
|
This is a danger notice. |
{{% notice danger %}} This is a notice. {{% /notice %}} |
|
This is a warning notice. |
{{% notice warning %}} This is a notice. {{% /notice %}} |
|
This is a info notice. |
{{% notice info %}} This is a notice. {{% /notice %}} |
|
This is a light notice. |
{{% notice light %}} This is a notice. {{% /notice %}} |
|
This is a dark notice. |
{{% notice dark %}} This is a notice. {{% /notice %}} |
Labels
| Type | code |
|---|---|
|
This is a notice without label. |
{{% notice primary %}}This is a notice without label.{{% /notice %}} |
|
This is a notice with “toto” label. |
{{% notice primary toto %}}This is a notice with “toto” label.{{% /notice %}} |
|
This is a with “my label”. |
{{% notice primary “my label” %}}This is a with “my label”.{{% /notice %}} |