Template:Callout/doc: Difference between revisions

From Space Station 14 Wiki
(image example)
(image example)
Line 80: Line 80:


=== Images ===
=== Images ===
{{tji|Callout|Info|h:Work in Progress|This page is unfinished.|image:Wired Frame.png|image2:Wrench.png}}
{{tj|Callout|Info|header:Work in Progress|align:center|This page is unfinished.|image:Wired Frame.png|image2:Wrench.png}}


{{gda}}
{{gda}}


{{Callout|Info|h=Work in Progress|This page is unfinished.|image=Wired Frame.png|image2=Wrench.png}}
{{Callout|Info|header=Work in Progress|align=center|This page is unfinished.|image=Wired Frame.png|image2=Wrench.png}}


<noinclude>[[Category:Template documentation]]</noinclude>
<noinclude>[[Category:Template documentation]]</noinclude>

Revision as of 09:51, 15 August 2024

Syntax

{{Callout
| 1 = [REQUIRED] Type of the callout. Select from the suggested values. Any casing is supported. TYPE: line
| 2 = [REQUIRED] Content of the callout. TYPE: string
| header = Header text of the callout. By default, depends on the type. TYPE: line
| align = Alignment of the callout. When "Center" is used, the callout will span almost across the full width of a page. TYPE: line
}}

Examples

Types

Caption text
Type Syntax Result
Info {{Callout|Info|An informative message.}}
Info
An informative message.
Warning {{Callout|Warning|Something to be warned about.}}
Warning
Something to be warned about.
Danger {{Callout|Danger|The clown is closing in.}}
Danger
The clown is closing in.
Tip {{Callout|Tip|When walking over slippery surfaces, hold {{button|Shift}} to slow down and not slip (in most cases).}}
Tip
When walking over slippery surfaces, hold Shift to slow down and not slip (in most cases).
Example {{Callout|Example|An example for something.}}
Example
An example for something.

Header label

{{Callout|Info|header=Notice|Bla-bla-bla, lorem ipsum...}}
or
{{Callout|Info|h=Notice|Bla-bla-bla, lorem ipsum...}}

Notice
Bla-bla-bla, lorem ipsum...

or

Notice
Bla-bla-bla, lorem ipsum...

Alignment

Left

The default.

Center

{{Callout|Info|align=center|Bla-bla-bla, lorem ipsum...}}
or
{{Callout|Info|a=center|Bla-bla-bla, lorem ipsum...}}

Info
Bla-bla-bla, lorem ipsum...

or

Info
Bla-bla-bla, lorem ipsum...

Right

{{Callout|Info|align=right|Bla-bla-bla, lorem ipsum...}}

Info
Bla-bla-bla, lorem ipsum...

Images

{{Callout
| Info
| header = Work in Progress
| align = center
| This page is unfinished.
| image = Wired Frame.png
| image2 = Wrench.png
}}

Work in Progress
This page is unfinished.