Template:Message box

Documentation

Example

This is an example Message box
What do you know about rolling down in the deep

Basic usage

{{Message box
|title=Title
|text=Long-ish text
}}

renders

Title
Long-ish text

All options

{{Message box
|border-style=solid   <!-- Border style (solid [default], dotted, dashed...) -->
|border-size=2px       <!-- Border thickness, preferred in pixels. Defaults to 2px -->
|border-color=#59C7C2  <!-- Border color. Defaults to black -->
|bg-color=#061017      <!-- Background color. Default to a grayish color (#eaecf0) -->
|color=#B2C9C2         <!-- Text color. Defaults to unset -->
<!--|align=centre           Text alignment. Defaults to center -->
|title=This is an example Message box<!-- Title, rendered in bold. -->
|text=What do you know about rolling down in the deep<!-- Medium-to-long–ish text, as a description. -->
|image=      <!-- Icon rendered to the left of the text -->
}}

renders

This is an example Message box
What do you know about rolling down in the deep

{{Message box
|border-style=dotted   <!-- Border style (solid [default], dotted, dashed...) -->
|border-size=5px       <!-- Border thickness, preferred in pixels. Defaults to 2px -->
|border-color=#567321  <!-- Border color. Defaults to black -->
|border-radius=5px     <!-- Border rounded corner radius. Defaults to 0px (none) -->
|bg-color=#000         <!-- Background color. Default to a grayish color (#eaecf0) -->
|color=#fff            <!-- Text color. Defaults to unset -->
|align=right           <!-- Text alignment. Defaults to center -->
|title=A lot           <!-- Title, rendered in bold. -->
|text=Lorem...         <!-- Medium-to-long–ish text, as a description. -->
|image=stub.png        <!-- Icon rendered to the left of the text -->
}}

renders

A lot
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugit accusantium, unde tempore error dignissimos dolorem aspernatur quod, repudiandae consectetur officia sunt tempora rem magni itaque, nulla necessitatibus. Sapiente, blanditiis hic? Amet ipsum ad reiciendis eaque soluta sunt repellendus recusandae neque sit maiores vel, nobis id necessitatibus quam aspernatur ab facilis officiis eligendi obcaecati nulla aperiam mollitia veniam, commodi dolorum. Numquam! Numquam ipsam sapiente vero maxime vitae voluptatem. Vero, facilis voluptas! Hic eaque inventore error soluta sed nemo cupiditate unde, provident delectus! Ratione tenetur incidunt, beatae asperiores ipsa dolorum id veritatis. Eaque molestiae rem velit adipisci repellat odit veritatis similique quia nisi deserunt sunt minima blanditiis, ipsum a possimus unde eligendi quae officia aspernatur. Numquam, voluptatibus debitis a molestiae quod iste?