Difference between revisions of "Template:Alerts"

From Arks-Visiphone
Jump to navigation Jump to search
Line 11: Line 11:
 
<noinclude>
 
<noinclude>
 
<div class="row template-documentation">
 
<div class="row template-documentation">
<div class="col-12">
+
<div class="col-12">
<h2>Template Documentation</h2>
+
<h2>Template Documentation</h2>
<p>Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.</p>
+
<p>Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.</p>
</div>
+
</div>
<div class="col-12">
+
<div class="col-12">
<h4>Usage</h4>
+
<h4>Usage</h4>
<p>This template can be used to provide an alert textbox in 4 contextual cases. This template can display the following alerts:</p>
+
<p>This template can be used to provide an alert textbox in 4 contextual cases. This template can display the following alerts:</p>
<ol>
+
<ol>
<li>A warning alert</li>
+
<li>A warning alert</li>
<li>A danger alert</li>
+
<li>A danger alert</li>
<li>A dark alert</li>
+
<li>A dark alert</li>
<li>And a normal alert</li>
+
<li>And a normal alert</li>
</ol>
+
</ol>
</div>
+
</div>
<div class="col-12">
+
<div class="col-12">
<h4>Examples</h4>
+
==== Examples ====
<h5>The Classic Light Alert</h5>
+
===== The Classic Light Alert =====
<p>The following displays the light alert text box. You can follow this with whatever text/images/markup you like.</p>
+
The following displays the light alert text box. You can follow this with whatever text/images/markup you like.
<p>Wiki code:</p>
+
 
<pre>{{Alerts|Test message}}</pre>
+
Wiki code:
{{Alerts|Test message}}
+
<pre>{{Alerts|Test message}}</pre>
 +
{{Alerts|Test message}}
 +
 
 +
===== The Warning Alert =====
 +
The following displays the warning alert text box. You can follow this with whatever text/images/markup you like.
 +
 
 +
Wiki code:
 +
<pre>{{Alerts|warning|Test message}}</pre>
 +
{{Alerts|warning|Test message}}
 +
 
 +
You may also include a title for the warning alert.
 +
 
 +
Wiki code:
 +
<pre>{{Alerts|warning|title=This is a title|Test message}}</pre>
 +
{{Alerts|warning|title=This is a title|Test message}}
 +
 
 +
</div>
  
</div>
 
 
 
</div>
 
</div>
  
 
</noinclude>
 
</noinclude>

Revision as of 08:29, 30 April 2020

Template Documentation

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

Usage

This template can be used to provide an alert textbox in 4 contextual cases. This template can display the following alerts:

  1. A warning alert
  2. A danger alert
  3. A dark alert
  4. And a normal alert

Examples

The Classic Light Alert

The following displays the light alert text box. You can follow this with whatever text/images/markup you like.

Wiki code:

{{Alerts|Test message}}


The Warning Alert

The following displays the warning alert text box. You can follow this with whatever text/images/markup you like.

Wiki code:

{{Alerts|warning|Test message}}


You may also include a title for the warning alert.

Wiki code:

{{Alerts|warning|title=This is a title|Test message}}