Template:Mbox: Difference between revisions

Latest revision as of 23:00, 6 May 2021

Shows a message box

Template parameters
Parameter		Description	Type	Status
Title	`title`	Title of the message box, will always be shown	String	required
Description	`description`	Additional text. If message box is expanded it will be shown below the title, otherwise it will be shown when hovering on the message box.	String	suggested
Expanded	`expanded`	Whethere the message box is expanded. If true the description will be shown at all times, otherwise it will displayed when hovering on the message box.	Boolean	suggested
Priority	`priority`	Message box priority. Determines the colour when no other classes are applied. Valid values are low/med/high. Defaults to low.	String	suggested
Class	`class`	Additional CSS classes to add to the message box element	String	optional
Image	`image`	Image to show in the message box.	File	optional
Image Size	`imagesize`	Size of the image to show in the message box, with px units. Defaults to 14px	String	optional
Image Invert	`imageinvert`	If true, images will be inverted on dark themed pages Default yes	Boolean	optional

@@ Line 1: / Line 1: @@
-<div class="mbox mbox--{{{priority|low}}} {{#ifeq:{{yesno|{{{expanded|no}}}}}|yes|mbox--expanded}}" role="presentation"><span class="mbox__title"><span class="mbox__icon metadata {{#if: {{yesno|{{{imageinvert|yes}}}}}|mbox__icon--invert|mbox__icon--noinvert}}">[[File:{{{image|WikimediaUI-Alert.svg}}}|{{{imagesize|14px}}}|link=]]</span><span>{{{title|}}}</span></span>{{#if: {{{description|}}} | <div class="mbox__text">{{{description|}}}</div> }}
+<div class="mbox mbox--{{{priority|low}}} {{#ifeq:{{yesno|{{{expanded|no}}}}}|yes|mbox--expanded}}" role="presentation"><span class="mbox__title"><span class="mbox__icon metadata {{#if: {{yesno|{{{imageinvert|yes}}}}}||mbox__icon--noinvert}}">[[File:{{{image|WikimediaUI-Alert.svg}}}|{{{imagesize|14px}}}|link=]]</span><span>{{{title|}}}</span></span>{{#if: {{{description|}}} | <div class="mbox__text">{{{description|}}}</div> }}
 </div><templatestyles src="Template:Mbox/styles.css" />
 <noinclude><templatedata>