Difference between revisions of "Template:Admonition"

From ThresholdRPG Wiki
(Created page with "<includeonly>{{#switch: {{{type|note}}} | note = {{#vardefine: icon|📝}}{{#vardefine: color|#448aff}}{{#vardefine: title|Note}} | warning = {{#vardefine: icon|⚠️}}{{...")
 
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<includeonly>{{#switch: {{{type|note}}}
+
<includeonly>
−
  | note = {{#vardefine: icon|📝}}{{#vardefine: color|#448aff}}{{#vardefine: title|Note}}
+
<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%}}};">
−
  | warning = {{#vardefine: icon|⚠️}}{{#vardefine: color|#ff9100}}{{#vardefine: title|Warning}}
+
<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}}}}}
−
  | tip = {{#vardefine: icon|💡}}{{#vardefine: color|#00bfa5}}{{#vardefine: title|Tip}}
+
</div>
−
  | important = {{#vardefine: icon|❗}}{{#vardefine: color|#ff1744}}{{#vardefine: title|Important}}
+
<div style="padding: 12px; color: #ffffff;">{{{1}}}</div>
−
  | info = {{#vardefine: icon|ℹ️}}{{#vardefine: color|#2196f3}}{{#vardefine: title|Info}}
+
</div>
−
  | 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>
 
</includeonly>
 
<noinclude>
 
<noinclude>
 
== Usage ==
 
== 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>
−
or
 
−
<pre>
 
−
{{Admonition|type=TYPE|title=CUSTOM TITLE|text}}
 
−
</pre>
 
  
−
=== Available Types ===
+
=== With Type ===
−
* note (default) - For general information
+
<nowiki>
−
* warning - For warning messages
+
{{Admonition|type=warning|Your warning message}}
−
* tip - For helpful tips
+
</nowiki>
−
* important - For crucial information
 
−
* info - For additional information
 
−
* question - For questions or FAQs
 
−
* caution - For careful consideration
 
  
−
=== Examples ===
+
=== With Custom Title ===
 
<nowiki>
 
<nowiki>
−
{{Admonition|This is a default note.}}
+
{{Admonition|type=tip|title=Pro Tip!|Your tip message}}
 +
</nowiki>
  
−
{{Admonition|type=warning|This is a warning message.}}
+
=== With Custom Width ===
 +
<nowiki>
 +
{{Admonition|width=50%|Your message here}}
 +
{{Admonition|type=warning|width=75%|Your warning message}}
 +
</nowiki>
  
−
{{Admonition|type=tip|title=Pro Tip!|This is a custom-titled tip.}}
+
=== Types Available ===
 +
* note (default) - For general information
 +
* warning - For cautionary notes
 +
* tip - For helpful tips
 +
* important - For crucial information
 +
* stop - For breaking changes or critical warnings
  
−
{{Admonition|type=important|This is important information.}}
+
=== Parameters ===
 +
* type - The type of admonition (optional, defaults to "note")
 +
* title - Custom title (optional, defaults based on type)
 +
* width - Custom width (optional, defaults to "100%")
 +
* message - The main content (required)
  
−
{{Admonition|type=info|This is additional information.}}
+
=== Live Examples ===
 +
{{Admonition|This is a default note at full width.}}
  
−
{{Admonition|type=question|Have you considered this?}}
+
{{Admonition|width=50%|This is a note at 50% width.}}
  
−
{{Admonition|type=caution|Proceed with caution.}}
+
{{Admonition|type=warning|width=75%|This is a warning message at 75% width.}}
−
</nowiki>
 
  
−
=== Live Examples ===
+
{{Admonition|type=tip|title=Pro Tip!|This is a custom-titled tip.}}
−
{{Admonition|This is a default note.}}
 
  
−
{{Admonition|type=warning|This is a warning message.}}
+
{{Admonition|type=stop|width=60%|This feature is being removed in the next version. Do not use it for new development.}}
−
 
 
−
{{Admonition|type=tip|title=Pro Tip!|This is a custom-titled tip.}}
 
 
</noinclude>
 
</noinclude>

Latest revision as of 19:24, 6 February 2025


Usage

Create admonition boxes with different styles.

Basic Usage

{{Admonition|Your message here}}

With Type

{{Admonition|type=warning|Your warning message}}

With Custom Title

{{Admonition|type=tip|title=Pro Tip!|Your tip message}}

With Custom Width

{{Admonition|width=50%|Your message here}} {{Admonition|type=warning|width=75%|Your warning message}}

Types Available

  • note (default) - For general information
  • warning - For cautionary notes
  • tip - For helpful tips
  • important - For crucial information
  • stop - For breaking changes or critical warnings

Parameters

  • type - The type of admonition (optional, defaults to "note")
  • title - Custom title (optional, defaults based on type)
  • width - Custom width (optional, defaults to "100%")
  • message - The main content (required)

Live Examples

📝 Note
This is a default note at full width.



📝 Note
This is a note at 50% width.



⚠️ Warning
This is a warning message at 75% width.



💡 Pro Tip!
This is a custom-titled tip.



🛑 STOP
This feature is being removed in the next version. Do not use it for new development.


Retrieved from "https://wiki.thresholdrpg.com/index.php?title=Template:Admonition&oldid=4757"