Template:Callout: Difference between revisions
Jump to navigation
Jump to search
m ai rewrite |
mNo edit summary |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 52: | Line 52: | ||
</noinclude> | </noinclude> | ||
<templatestyles src="Template:Callout/styles.css" /> | |||
<div class="callout callout-{{{type|note}}}"> | |||
<div class="callout-header"> | |||
<span class="callout-icon"> | |||
{{#switch: {{{type|note}}} | |||
| tip = 💡Important Tip {{{title|Your title goes here}}} | |||
| warning = ⚠️ Warning {{{title|Your title goes here}}} | |||
| protip = ⭐ Pro Tip {{{title|Your title goes here}}} | |||
| note = 📝 Note {{{title|Your title goes here}}} | |||
| #default = 📝 Note {{{title|Your title goes here}}} | |||
}} | |||
</span> | |||
</span> | |||
<div class="callout-body"> | |||
{{{text|Your text goes here}}} | |||
</div> | |||
</div> | |||
</div> | |||
<!-- | |||
<templatestyles src="Template:Callout/styles.css" /> | <templatestyles src="Template:Callout/styles.css" /> | ||
| Line 63: | Line 86: | ||
| note = 📝 Note | | note = 📝 Note | ||
| #default = 📝 Note | | #default = 📝 Note | ||
}} <span class="callout-title">{{{title|Your title goes here}}}</span> | }} <span class="callout-title">{{{title|Your title goes here}}}</span></span><p class="callout-body"> | ||
{{{text|Your callout text goes here}}}</p> | |||
</span> | </span> | ||
</div> | </div> | ||
</div> | |||
--> | |||
Latest revision as of 16:47, 5 April 2026
Unified callout box with type-based styling (tip, note, warning, protip). Uses TemplateStyles.
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| Type | type | Callout type: tip, note, warning, protip
| String | optional |
| Title | title | Optional title for the callout | String | optional |
| Text | text | Main content of the callout | String | required |
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.
Your text goes here