Template:Admonition - Revision history

Gesslar at 23:24, 6 February 2025

2025-02-06T23:24:46Z

Gesslar at 06:53, 6 February 2025

2025-02-06T06:53:42Z

Gesslar at 06:44, 6 February 2025

2025-02-06T06:44:13Z

Gesslar: Created page with "{{#switch: {{{type|note}}} | note = {{#vardefine: icon|📝}}{{#vardefine: color|#448aff}}{{#vardefine: title|Note}} | warning = {{#vardefine: icon|⚠️}}{{..."

2025-02-06T06:32:43Z

Created page with "<includeonly>{{#switch: {{{type|note}}} | note = {{#vardefine: icon|📝}}{{#vardefine: color|#448aff}}{{#vardefine: title|Note}} | warning = {{#vardefine: icon|⚠️}}{{..."

New page

<includeonly>{{#switch: {{{type|note}}}
| note = {{#vardefine: icon|📝}}{{#vardefine: color|#448aff}}{{#vardefine: title|Note}}
| warning = {{#vardefine: icon|⚠️}}{{#vardefine: color|#ff9100}}{{#vardefine: title|Warning}}
| tip = {{#vardefine: icon|💡}}{{#vardefine: color|#00bfa5}}{{#vardefine: title|Tip}}
| important = {{#vardefine: icon|❗}}{{#vardefine: color|#ff1744}}{{#vardefine: title|Important}}
| info = {{#vardefine: icon|ℹ️}}{{#vardefine: color|#2196f3}}{{#vardefine: title|Info}}
| question = {{#vardefine: icon|❓}}{{#vardefine: color|#9c27b0}}{{#vardefine: title|Question}}
| caution = {{#vardefine: icon|🚧}}{{#vardefine: color|#ff5722}}{{#vardefine: title|Caution}}
}}
{| style="margin: 1.5em 0; padding: 0; border-left: 4px solid {{#var: color}}; background-color: #f8f9fa; width: 100%;"
! style="padding: 8px 12px; background-color: {{#var: color}}15; font-weight: bold;" | {{#var: icon}} {{{title|{{#var: title}}}}}
|-
| style="padding: 12px;" | {{{1}}}
|}
</includeonly>
<noinclude>
== Usage ==
This template creates admonition boxes (highlighted message boxes) with different styles based on type.

=== Syntax ===
<pre>
{{Admonition|type=TYPE|text}}
</pre>
or
<pre>
{{Admonition|type=TYPE|title=CUSTOM TITLE|text}}
</pre>

=== Available Types ===
* note (default) - For general information
* warning - For warning messages
* tip - For helpful tips
* important - For crucial information
* info - For additional information
* question - For questions or FAQs
* caution - For careful consideration

=== Examples ===
<nowiki>
{{Admonition|This is a default note.}}

{{Admonition|type=warning|This is a warning message.}}

{{Admonition|type=tip|title=Pro Tip!|This is a custom-titled tip.}}

{{Admonition|type=important|This is important information.}}

{{Admonition|type=info|This is additional information.}}

{{Admonition|type=question|Have you considered this?}}

{{Admonition|type=caution|Proceed with caution.}}
</nowiki>

=== Live Examples ===
{{Admonition|This is a default note.}}

{{Admonition|type=warning|This is a warning message.}}

{{Admonition|type=tip|title=Pro Tip!|This is a custom-titled tip.}}
</noinclude>

@@ Line 1: / Line 1: @@
 <includeonly>
-<div style="border-radius: 4px; border-left: 4px solid {{#switch: {{{type|note}}}|note=#448aff|warning=#ff9100|tip=#00bfa5|important=#ff1744|#default=#448aff}}; background: #444444; margin: 1em 0; border-radius: 3px;">
+<div style="border-left: 4px solid {{#switch: {{{type|note}}}|note=#448aff|warning=#ff9100|tip=#00bfa5|important=#ff1744|stop=#ff0000|#default=#448aff}}; background: #444444; margin: 1em 0; border-radius: 3px; width: {{{width|100%}}};">
-<div style="background: {{#switch: {{{type|note}}}|note=#448aff33|warning=#ff910033|tip=#00bfa533|important=#ff174433|#default=#448aff33}}; padding: 8px 12px; font-weight: bold;">{{#switch: {{{type|note}}}|note=📝|warning=⚠️|tip=💡|important=❗|#default=📝}} {{{title|{{#switch: {{{type|note}}}|note=Note|warning=Warning|tip=Tip|important=Important|#default=Note}}}}}
+<div style="background: {{#switch: {{{type|note}}}|note=#448aff33|warning=#ff910033|tip=#00bfa533|important=#ff174433|stop=#ff000033|#default=#448aff33}}; padding: 8px 12px; font-weight: bold; color: #ffffff;">{{#switch: {{{type|note}}}|note=📝|warning=⚠️|tip=💡|important=❗|stop=🛑|#default=📝}} {{{title|{{#switch: {{{type|note}}}|note=Note|warning=Warning|tip=Tip|important=Important|stop=STOP|#default=Note}}}}}
 </div>
-<div style="padding: 12px;">{{{1}}}</div>
+<div style="padding: 12px; color: #ffffff;">{{{1}}}</div>
 </div>
 </includeonly>
 <noinclude>
 == Usage ==
-This template creates admonition boxes (highlighted message boxes) with different styles based on type.
+Create admonition boxes with different styles.
-=== Syntax ===
+=== Basic Usage ===
-<pre>
+<nowiki>
-{{Admonition|type=TYPE|text}}
+{{Admonition|Your message here}}
-</pre>
+</nowiki>
-=== Available Types ===
+=== With Type ===
 * note (default) - For general information
-* warning - For warning messages
+* warning - For cautionary notes
 * tip - For helpful tips
 * important - For crucial information
-* info - For additional information
+* stop - For breaking changes or critical warnings
-=== Examples ===
+=== Parameters ===
-<pre>
+* type - The type of admonition (optional, defaults to "note")
-<nowiki>{{Admonition|This is a default note.}}</nowiki>
+* title - Custom title (optional, defaults based on type)
-<nowiki>{{Admonition|type=warning|This is a warning message.}}</nowiki>
+* width - Custom width (optional, defaults to "100%")
-<nowiki>{{Admonition|type=tip|title=Pro Tip!|This is a custom-titled tip.}}</nowiki>
+* message - The main content (required)
 === Live Examples ===
-{{Admonition|This is a default note.}}
+{{Admonition|This is a default note at full width.}}
-{{Admonition|type=warning|This is a warning message.}}
+{{Admonition|width=50%|This is a note at 50% width.}}
 {{Admonition|type=tip|title=Pro Tip!|This is a custom-titled tip.}}
 </noinclude>

@@ Line 1: / Line 1: @@
-<includeonly>{| style="margin: 1.5em 0; padding: 0; border-left: 4px solid {{#switch: {{{type|note}}}
+<includeonly>
-  | note = #448aff
+<div style="border-radius: 4px; border-left: 4px solid {{#switch: {{{type|note}}}|note=#448aff|warning=#ff9100|tip=#00bfa5|important=#ff1744|#default=#448aff}}; background: #444444; margin: 1em 0; border-radius: 3px;">
-  | warning = #ff9100
+<div style="background: {{#switch: {{{type|note}}}|note=#448aff33|warning=#ff910033|tip=#00bfa533|important=#ff174433|#default=#448aff33}}; padding: 8px 12px; font-weight: bold;">{{#switch: {{{type|note}}}|note=📝|warning=⚠️|tip=💡|important=❗|#default=📝}} {{{title|{{#switch: {{{type|note}}}|note=Note|warning=Warning|tip=Tip|important=Important|#default=Note}}}}}
-  | tip = #00bfa5
+</div>
-  | important = #ff1744
+<div style="padding: 12px;">{{{1}}}</div>
-  | info = #2196f3
+</div>
 </includeonly>
 <noinclude>

@@ Line 1: / Line 1: @@
-<includeonly>{{#switch: {{{type|note}}}
+<includeonly>{| style="margin: 1.5em 0; padding: 0; border-left: 4px solid {{#switch: {{{type|note}}}
-   | note = {{#vardefine: icon|📝}}{{#vardefine: color|#448aff}}{{#vardefine: title|Note}}
+   | note = #448aff
-   | warning = {{#vardefine: icon|⚠️}}{{#vardefine: color|#ff9100}}{{#vardefine: title|Warning}}
+   | warning = #ff9100
-   | tip = {{#vardefine: icon|💡}}{{#vardefine: color|#00bfa5}}{{#vardefine: title|Tip}}
+   | tip = #00bfa5
-   | important = {{#vardefine: icon|❗}}{{#vardefine: color|#ff1744}}{{#vardefine: title|Important}}
+   | important = #ff1744
-   | info = {{#vardefine: icon|ℹ️}}{{#vardefine: color|#2196f3}}{{#vardefine: title|Info}}
+   | info = #2196f3
-   | question = {{#vardefine: icon|❓}}{{#vardefine: color|#9c27b0}}{{#vardefine: title|Question}}
+   | question = #9c27b0
-   | caution = {{#vardefine: icon|🚧}}{{#vardefine: color|#ff5722}}{{#vardefine: title|Caution}}
+   | caution = #ff5722
-}}
+  | #default = #448aff
-{| style="margin: 1.5em 0; padding: 0; border-left: 4px solid {{#var: color}}; background-color: #f8f9fa; width: 100%;"
+}}; background-color: #f8f9fa; width: 100%;"
-! style="padding: 8px 12px; background-color: {{#var: color}}15; font-weight: bold;" | {{#var: icon}} {{{title|{{#var: title}}}}}
+! style="padding: 8px 12px; background-color: {{#switch: {{{type|note}}}
 |-
 | style="padding: 12px;" | {{{1}}}
@@ Line 37: / Line 64: @@
 === Examples ===
-<nowiki>
+<pre>
-{{Admonition|This is a default note.}}
+<nowiki>{{Admonition|This is a default note.}}</nowiki>
+<nowiki>{{Admonition|type=warning|This is a warning message.}}</nowiki>
-{{Admonition|type=warning|This is a warning message.}}
+<nowiki>{{Admonition|type=tip|title=Pro Tip!|This is a custom-titled tip.}}</nowiki>
+<nowiki>{{Admonition|type=important|This is important information.}}</nowiki>
-{{Admonition|type=tip|title=Pro Tip!|This is a custom-titled tip.}}
+<nowiki>{{Admonition|type=info|This is additional information.}}</nowiki>
+<nowiki>{{Admonition|type=question|Have you considered this?}}</nowiki>
-{{Admonition|type=important|This is important information.}}
+<nowiki>{{Admonition|type=caution|Proceed with caution.}}</nowiki>
+</pre>
 === Live Examples ===