ComboStrap UI - Note
Table of Contents
1 - About
note is a ComboStrap UI component that shows a text that is parenthetic or ancillary to the main text.
2 - Articles Related
3 - 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
4 - Example
4.1 - Info
<note>
<title 4> Informative note </title>
You can also style your [[ui|ComboStrap UI components]] with the [[styling:style|style attribute]].
</note>
4.2 - Tip
<note type="tip" >
===== Tip note =====
You can also style your [[ui|ComboStrap UI components]] with [[styling:spacing|spacing]].
</note>
4.3 - 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 health4.4 - 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 health5 - Custom Styling
5.1 - 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 health5.2 - 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 health6 - 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 !
7 - For the Geek
The note component follows the alert styling of Bootstrap but does not follow the Alert ARIA Role because alerts are shown as the result of a event (a user action or a notification).
It follows the Note ARIA Role