ComboStrap UI - Note

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:

• title is a title
• type may have one of the following value:
  • info (Default)
  • important
  • tip
  • warning

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>

Tip

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

Important

<note important >
=== Important note ===
Too little sport is not good for your health
</note>

Warning

<note type="warning">
=== Warning note ===
Too much sport is not good for your health
</note>

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>

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>

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>