Editing Template:MessageBox/doc (section)

== Examples ==
=== Basic MessageBox ===
<pre>
{{MessageBox
|header      = Header text here
|text        = Normal text here
|id          = test1
}}</pre>

Produces:

{{#invoke:Mbox|main
|header      = Header text here
|text        = Normal text here
|id          = test1
}}

=== Using types ===
To use types, CSS variables must be added, such as:
<syntaxhighlight lang="css">
:root {
    --type-important: rgba(200, 0, 0, 0.8);
    --type-moderate: rgba(233, 124, 47, 0.8);
    --type-minor: rgba(241, 197, 37, 0.8);
}
</syntaxhighlight>

If added:

<pre>
{{MessageBox
|header = Header text here
|type   = important
|text   = Normal text here
|id     = test2
}}</pre>

Produces:

{{#invoke:Mbox|main
|header = Header text here
|type   = important
|text   = Normal text here
|id     = test2
}}

Depending on your styling, there may not be a visual difference in the above example.

=== With an image ===
<pre>
{{MessageBox
|header     = Header text here
|text       = Normal text here
|image      = Wiki.png
|imagelink  = 
|imagewidth = 50px
|id         = test3
}}</pre>

Produces:

{{#invoke:Mbox|main
|header     = Header text here
|text       = Normal text here
|image      = Wiki.png
|imagelink  = 
|imagewidth = 50px
|id         = test3
}}

=== With an aside ===
<pre>
{{MessageBox
|header = Header text here
|type   = important
|text   = Normal text here
|aside  = Aside text here
|id     = test4
}}</pre>

Produces:

{{#invoke:Mbox|main
|header = Header text here
|type   = important
|text   = Normal text here
|aside  = Aside text here
|id     = test4
}}

=== Standard/default style ===
<pre>
{{MessageBox
|header  = Header text here
|text    = Normal text here
|comment = Comment text here
|image   = Wiki.png
|aside   = Aside text here
|id      = standard
}}</pre>

Produces:

{{#invoke:Mbox|main|header=Header text here |text=Normal text here |comment=Comment text here |image=Wiki.png |aside=Aside text here |id=standard}}