Note Module
Large Note Block
Format: (notel
means note large
, easy to remember, can also be written as note-large
)
{% notel [color] [title] %}
content
support newline
{% endnote %}
For example
{% notel default info %}
newline test
newline test
newline test
{% endnote %}
{% notel blue hint %}
newline test
newline test
newline test
{% endnote %}
{% notel red custom title %}
newline test
newline test
newline test
{% endnote %}
Effect:
Small Note Block
Format:
{% note [style/color] [optional: custom icon] %}
note content
{% endnote %}
[style/color]
can besuccess
default
primary
info
warning
danger
tip
question
andblue
red
etc colors[Optional: Custom Icon]
option is optional, please fill in the second half of the icon name of Fontawsome, such asfa-image
Specific examples are as follows
{% note %}
default tooltip block label
{% endnote %}
{% note default %}
default tooltip block label
{% endnote %}
{% note primary %}
primary hint block label
{% endnote %}
{% note success %}
success prompt block label
{% endnote %}
{% note info %}
info tooltip block label
{% endnote %}
{% note warning %}
warning hint block label
{% endnote %}
{% note danger %}
danger tooltip block label
{% endnote %}
{% note red fa-bolt%}
Custom Tooltip Block Labels
{% endnote %}
Effect:
More
For real site experience, please visit: Redefine Demo