Template:InfoBox

{{{title}}}

{{{body}}}

To use this infoBox template, type:

{{infoBox
|title=Example
|body=
}}

with the title and body when editing the page.

Available parameters

Parameter

Default value

Example

Result

Description

title

null

{{infoBox |title=Example}}

Example

{{{body}}}

Optional: specify a title.

body

null

{{infoBox |body=Body content}}

Example

Body content

Optional: specify any body content.

state

null

{{infoBox |state=collapsed}}

Example

Body content

Optional: collapsed by default.

maxWidth

600

{{infoBox |maxWidth=80}}

Example

Body content

Optional: specify the maximum width in px units.

color

linear-gradient(
to bottom right,
{{{color1|#c00}}},
{{{color2|#703}}},
{{{color3|#307}}})

{{infoBox |color=green}}

Example

Body content

Optional: specify a single color of the infoBox as a CSS color e.g. green.

color1

#c00 (red)

{{infoBox |color1=lightgreen}}

Example

Body content

Optional: specify the top left corner color gradient of the infoBox as a CSS color e.g. green.

color2

#703 (dark pink)

{{infoBox |color2=lightgreen}}

Example

Body content

Optional: specify the middle color gradient of the infoBox as a CSS color e.g. green.

color3

#307 (dark blue)

{{infoBox |color3=lightgreen}}

Example

Body content

Optional: specify the bottom right corner color gradient of the infoBox as a CSS color e.g. green.

bodyBgColor

#fffc (translucent white)

{{infoBox |bodyBgColor=lightgreen}}

Example

Body content

Optional: specify the body background color as a CSS color e.g. green.

titleColor

#fff

{{infoBox |titleColor=lightgreen}}

Example

Body content

Optional: specify the title color as a CSS color e.g. green.

bodyColor

#202122 (black)

{{infoBox |bodyColor=green}}

Example

Body content

Optional: specify the title color as a CSS color e.g. green.

titleAlign

center

{{infoBox |titleAlign=left}}

Example

Body content

Optional: specify the title alignment as left or right.

corner

0.5

{{infoBox |corner=1}}

Example

Body content

Optional: specify the corner radius in rem units.

---

{{{title1}}}

{{{body1}}}

{{{title2}}}

{{{body2}}}

To use a double infoBox template, type:

{{infoBoxes
|title1=Example 1
|body1=
|title2=Example 2
|body2=
}}

with the title and body when editing the page.

Additional parameters

Parameter

Default value

Example

Description

title#

null

{{infoBoxes |title2=Example}}

Optional: specify a title.

body#

null

{{infoBoxes |body2=Body content}}

Optional: specify any body content.

color4

#00c (blue)

{{infoBoxes |color4=green}}

Optional: specify the bottom right corner color of the second infoBox as a CSS color e.g. green.

title#color

#fff

{{infoBoxes |title2color=black}}

Optional: specify the title color as a CSS color e.g. green.

---

{{{title1}}}

{{{body1}}}

{{{title2}}}

{{{body2}}}

{{{title3}}}

{{{body3}}}

To use a triple infoBox template, type:

{{infoBoxes3
|title1=Example 1
|body1=
|title2=Example 2
|body2=
|title3=Example 3
|body3=
}}

with the title and body when editing the page.

Additional parameters

Parameter

Default value

Example

Description

color5

#037 (dark cyan)

{{infoBoxes3 |color5=green}}

Optional: specify the bottom right corner color of the third infoBox as a CSS color e.g. green.