Main Page

Difference between revisions of "Template:Alerts"

From Arks-Visiphone
Jump to navigation Jump to search
(Created page with "<onlyinclude>{{#switch: {{{1|}}} | warning = <div class="alert alert-warning" role="alert">{{#if: {{{title|}}}|<h4 class="alert-heading">{{{title|}}}</h4>|}}{{{1|}}}</div> |...")
 
 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<onlyinclude>{{#switch: {{{1|}}}
 
<onlyinclude>{{#switch: {{{1|}}}
 
| warning =  
 
| warning =  
<div class="alert alert-warning" role="alert">{{#if: {{{title|}}}|<h4 class="alert-heading">{{{title|}}}</h4>|}}{{{1|}}}</div>
+
<div class="alert alert-warning" role="alert">{{#if: {{{title|}}}|<h4 class="alert-heading">{{{title|}}}</h4>|}}{{{2|}}}</div>
 
| danger =  
 
| danger =  
<div class="alert alert-danger" role="alert">{{#if: {{{title|}}}|<h4 class="alert-heading">{{{title|}}}</h4>|}}{{{1|}}}</div>
+
<div class="alert alert-danger" role="alert">{{#if: {{{title|}}}|<h4 class="alert-heading">{{{title|}}}</h4>|}}{{{2|}}}</div>
 
| dark =  
 
| dark =  
<div class="alert alert-dark" role="alert">{{#if: {{{title|}}}|<h4 class="alert-heading">{{{title|}}}</h4>|}}{{{1|}}}</div>
+
<div class="alert alert-dark" role="alert">{{#if: {{{title|}}}|<h4 class="alert-heading">{{{title|}}}</h4>|}}{{{2|}}}</div>
 
|#default =  
 
|#default =  
 
<div class="alert alert-light" role="alert">{{#if: {{{title|}}}|<h4 class="alert-heading">{{{title|}}}</h4>|}}{{{1|}}}</div>
 
<div class="alert alert-light" role="alert">{{#if: {{{title|}}}|<h4 class="alert-heading">{{{title|}}}</h4>|}}{{{1|}}}</div>
 
}}</onlyinclude>
 
}}</onlyinclude>
 
<noinclude>
 
<noinclude>
<div class="row template-documentation">
+
<div class="row">
 
<div class="col-12">
 
<div class="col-12">
 
<h2>Template Documentation</h2>
 
<h2>Template Documentation</h2>
Line 16: Line 16:
 
</div>
 
</div>
 
<div class="col-12">
 
<div class="col-12">
<h4>Usage</h4>
+
==== Usage ====
<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:
 
<ol>
 
<ol>
 
<li>A warning alert</li>
 
<li>A warning alert</li>
Line 24: Line 24:
 
<li>And a normal alert</li>
 
<li>And a normal alert</li>
 
</ol>
 
</ol>
</div>
+
 
 
<div class="col-12">
 
<div class="col-12">
 +
 
==== Examples ====
 
==== Examples ====
 
===== The Classic Light Alert =====
 
===== The Classic Light Alert =====
Line 56: Line 57:
  
 
===== Titles =====
 
===== Titles =====
You may also include a title for the alerts.
+
You may also include a title for the alerts. But not for the light alert.
  
 
Wiki code using the warning alert:
 
Wiki code using the warning alert:
<pre>{{Alerts|warning|title=This is a title|Test message}}</pre>
+
<pre>{{Alerts|warning|title=This is a simple title!|A simple warning alert—check it out!}}</pre>
{{Alerts|warning|title=This is a title|Test message}}
+
{{Alerts|warning|title=This is a simple title!|A simple warning alert—check it out!}}
  
</div>
 
  
 
</div>
 
</div>

Latest revision as of 08:48, 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|A simple light alert—check it out!}}
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|A simple warning alert—check it out!}}
The Danger Alert

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

Wiki code:

{{Alerts|danger|A simple danger alert—check it out!}}
The Dark Alert

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

Wiki code:

{{Alerts|dark|A simple dark alert—check it out!}}
Titles

You may also include a title for the alerts. But not for the light alert.

Wiki code using the warning alert:

{{Alerts|warning|title=This is a simple title!|A simple warning alert—check it out!}}