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 %}} |