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:

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 !

Powered by ComboStrap