About
note is a ComboStrap UI component that shows a text that is parenthetic or ancillary to the main text.
Syntax
<note type>
<title>Title</title> or === Title ===
Content
</note>
where:
A note is a superset HTML syntax
For a note inside a paragraph, see the inote component
Example
Info
<note>
<title 4> Informative note </title>
You can also style your [[:docs:component|ComboStrap UI components]] with the [[:docs:styling:style|style attribute]].
</note>
Informative note
You can also style your ComboStrap UI components with the style attribute.
Tip
<note type="tip" >
===== Tip note =====
You can also style your [[:docs:component|ComboStrap UI components]] with [[:docs:styling:spacing|spacing]].
</note>
Tip note
You can also style your ComboStrap UI components with spacing.
Important
<note important >
=== Important note ===
Too little sport is not good for your health
</note>
Important note
Too little sport is not good for your health
Warning
<note type="warning">
=== Warning note ===
Too much sport is not good for your health
</note>
Warning note
Too much sport is not good for your health
Custom Styling
Style
With the style attribute:
<note type="warning" style="width:60%">
<title 4 > Warning note </title>
Too little sport is not good for your health
</note>
Warning note
Too little sport is not good for your health
Horizontal Centering
With the align attribute
<note type="info" align="center" width="200px">
===== Info note =====
Too much sport is not good for your health
</note>
Info note
Too much sport is not good for your health
Inline
If you want to have a inline note, use a inote instead.
When you go to this castel takes the round about <inote tip>Don't forget to enjoy the view !</inote>
When you go to this castel takes the round about Don't forget to enjoy the view !