ComboStrap UI - Note

1 - About

note is a ComboStrap UI component that shows a text that is parenthetic or ancillary to the main text.

3 - Syntax

<note type>
<title>Title</title> or === Title ===
Content
</note>

where:

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>

Informative note

You can also style your ComboStrap UI components with the style attribute.

4.2 - Tip

<note type="tip" >
===== Tip note =====
You can also style your [[ui|ComboStrap UI components]] with [[styling:spacing|spacing]].
</note>

Tip note

You can also style your ComboStrap UI components with spacing.

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 health

4.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 health

5 - 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 health

5.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 health

6 - 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