Template:Banner: Difference between revisions

Revision as of 16:51, 15 May 2026

{{{header}}}

{{{description}}}

Documentation[edit documentation]

Template/meta-template for banners above pages

Template parameters[Edit template data]
Parameter		Description	Type	Status
Header	`header`	no description	String	required
Description	`description`	no description	String	required
Icon	`icon`	Emoji or character icon (used if icon file is not set) Example 🏗️	String	optional
Icon file	`icon_file`	Wiki filename for an image icon (overrides icon if set) Example Tabler-icons info-circle.svg	File	optional
Invert icon in dark mode	`icon_invert`	If set, applies a CSS invert filter to the icon for dark mode compatibility Example 1	String	optional
Background color	`background_color`	no description Default var(--vw-bg-subtle) Example #fff8e1	String	optional
Border color	`border_color`	no description Default var(--vw-border) Example #f0c040	String	optional

Example

{{Banner
|icon = 🏗️
|header = This page is currently under construction. It may be inaccurate or incomplete. 
|description = [[Special:EditPage/{{FULLPAGENAME}}|You can help!]]
|background_color = var(--vw-gold-subtle)
|border_color = var(--vw-gold)
}}

🏗️

This page is currently under construction. It may be inaccurate or incomplete.

You can help!

Revision as of 16:40, 15 May 2026 view source EdwardNWM (talk \| contribs) Bureaucrats, Interface administrators, Administrators 747 edits icon changes ← Older edit		Revision as of 16:51, 15 May 2026 view source EdwardNWM (talk \| contribs) Bureaucrats, Interface administrators, Administrators 747 edits removing margin from heading Newer edit →
Line 1:		Line 1:
	<div style="display:flex; align-items:center; gap:14px; padding:10px 16px; border-radius:4px; border:1px solid {{{border_color\|var(--vw-border)}}}; background:{{{background_color\|var(--vw-bg-subtle)}}}; box-sizing:border-box; margin-bottom:0.75em;"><div style="font-size:1.5em;line-height:1;flex-shrink:0;{{#if:{{{icon_invert\|}}}\|filter:invert(1) hue-rotate(180deg);\|}}">{{#if:{{{icon_file\|}}}\|[[File:{{{icon_file}}}\|24px\|link=]]\|{{#if:{{{icon\|}}}\|{{{icon}}}\|[[File:Tabler-icons info-circle.svg\|24px\|link=]]}}}}</div><div><div style="font-weight:bold~~; margin-bottom:2px~~;">{{{header}}}</div><div style="font-size:0.875em;">{{{description}}}</div></div></div><noinclude>{{Documentation}}</noinclude>		<div style="display:flex; align-items:center; gap:14px; padding:10px 16px; border-radius:4px; border:1px solid {{{border_color\|var(--vw-border)}}}; background:{{{background_color\|var(--vw-bg-subtle)}}}; box-sizing:border-box; margin-bottom:0.75em;"><div style="font-size:1.5em;line-height:1;flex-shrink:0;{{#if:{{{icon_invert\|}}}\|filter:invert(1) hue-rotate(180deg);\|}}">{{#if:{{{icon_file\|}}}\|[[File:{{{icon_file}}}\|24px\|link=]]\|{{#if:{{{icon\|}}}\|{{{icon}}}\|[[File:Tabler-icons info-circle.svg\|24px\|link=]]}}}}</div><div><div style="font-weight:bold;">{{{header}}}</div><div style="font-size:0.875em;">{{{description}}}</div></div></div><noinclude>{{Documentation}}</noinclude>