Template:Notice: Difference between revisions

Latest revision as of 10:14, 1 March 2025

{{{1}}}

Use this template to display important notices to readers.

{{Notice|Your notice text here}}

This is how the notice will appear:

This is an example notice message.

@@ Line 1: / Line 1: @@
-<!-- Template:Notice -->
+<div class="notice" style="background-color: var(--background-color-interactive-subtle, #f8f9fa); border: 1px solid #eaecf0; padding: 10px; margin: 10px 0;">
-<includeonly>
-<div class="notice" style="background-color: {{{color|#f8f9fa}}}; border: 1px solid #eaecf0; padding: 10px; margin: 10px 0;">
 {{{1}}}
 </div>
-</includeonly>
 <noinclude>
 == Usage ==
-Basic usage:
+Use this template to display important notices to readers.
 <pre>
 {{Notice|Your notice text here}}
 </pre>
-With background color:
+== Preview ==
-<pre>
+This is how the notice will appear:
-{{Notice|color=#cfe2ff|Your blue notice here}}
-{{Notice|color=#fff3cd|Your orange notice here}}
-{{Notice|color=#f8d7da|Your red notice here}}
-{{Notice|color=#d1e7dd|Your green notice here}}
-</pre>
-=== Live Examples ===
+<div class="notice" style="background-color: var(--background-color-interactive-subtle, #f8f9fa); border: 1px solid #eaecf0; padding: 10px; margin: 10px 0;">
-Default notice:
+This is an example notice message.
-{{Notice|This is a default notice}}
+</div>
+[[Category:Alert templates]]
-Blue notice:
-{{Notice|color=#cfe2ff|This is a blue notice}}
-Orange notice:
-{{Notice|color=#fff3cd|This is an orange notice}}
-Red notice:
-{{Notice|color=#f8d7da|This is a red notice}}
-Green notice:
-{{Notice|color=#d1e7dd|This is a green notice}}
-[[Category:Templates]]
 </noinclude>