Template:Callout: Difference between revisions

From Bose Portable PA Knowledge
Jump to navigation Jump to search
mNo edit summary
m ai rewrite
Line 1: Line 1:
<templatestyles src="Template:Callout/styles.css" />
<!--
<div class="callout callout-{{{type|note}}}">
  <span class="callout-label">
    {{#switch: {{{type|note}}}
      | tip = Important Tip:
      | warning = Warning:
      | protip = Pro Tip:
      | note = Note:
      | #default = Note:
    }}
  </span>
{{{text|{{{1}}}}}}
</div>
-->
<noinclude>
<noinclude>
<templatedata>
<templatedata>
Line 28: Line 13:
     "title": {
     "title": {
       "label": "Title",
       "label": "Title",
       "description": "The content of the callout",
       "description": "Optional title for the callout",
       "type": "string",
       "type": "string",
       "required": true
       "required": false
     },  
     },
  "text": {
    "text": {
       "label": "Text",
       "label": "Text",
       "description": "The content of the callout",
       "description": "Main content of the callout",
       "type": "string",
       "type": "string",
       "required": true
       "required": true
Line 45: Line 30:


Use this template to create a visually distinct callout box.   
Use this template to create a visually distinct callout box.   
Valid types: <code>tip</code>, <code>note</code>, <code>warning</code>, <code>protip</code>.
Valid types: <code>tip</code>, <code>note</code>, <code>warning</code>, <code>protip</code>.


Copy/paste/edit parameters
----
----


<nowiki>{{</nowiki>
<nowiki>{{</nowiki>  
 
Callout
Callout


| type = tip / note / warning / protip
| type = tip / note / warning / protip


| title = The title of your callout goes here.
| title = Your Title goes here


| text = Your callout text goes here.
| text = Your callout text goes here.
Line 73: Line 55:


<div class="callout callout-{{{type|note}}}">
<div class="callout callout-{{{type|note}}}">
   <span class="callout-label">
   <div class="callout-header">
    {{#switch: {{{type|note}}}
    <span class="callout-icon">
      | tip = Important Tip:
      {{#switch: {{{type|note}}}
      | warning = Warning:
        | tip = 💡Important Tip
      | protip = Pro Tip:
        | warning = ⚠️ Warning
      | note = Note:
        | protip = Pro Tip
      | #default = Note:
        | note = 📝 Note
    }} <span class="callout-title">{{{title| The title of your callout goes here.}}}</span><blockquote class="callout-text">{{{text|{{{1|Your callout text goes here}}}}}}</blockquote></span>
        | #default = 📝 Note
      }} <span class="callout-title">{{{title|Your title goes here}}}</span>
    </span><p class="callout-body">
    {{{text|Your callout text goes here}}}
  </p>
</span>
</div>
</div>
  </div>

Revision as of 16:13, 5 April 2026

Unified callout box with type-based styling (tip, note, warning, protip). Uses TemplateStyles.

Template parameters[Edit template data]

ParameterDescriptionTypeStatus
Typetype

Callout type: tip, note, warning, protip

Default
note
Stringoptional
Titletitle

Optional title for the callout

Stringoptional
Texttext

Main content of the callout

Stringrequired

Callout usage

Use this template to create a visually distinct callout box. Valid types: tip, note, warning, protip.


{{ Callout

| type = tip / note / warning / protip

| title = Your Title goes here

| text = Your callout text goes here.

}}


The Callout will render as it appears below this line.



   
     📝 Note Your title goes here

Your callout text goes here