Template:InlineIcon/doc
Usage
Basic
{{InlineIcon|Steel_Icon.png}}
<!--or-->
{{InlineIcon|filename=Steel_Icon.png}}
↓
or
Custom icon height
Allows to set custom height in pixels to the icon.
60 pixels in height
NoteIf wanted, it can enabled. The the next section for details.
{{InlineIcon|Steel_Icon.png|height=60}}
↓
Some text above.
This is the icon somewhere inside the text.
The text that's after.
Info60 pixels in height, but with vertical offset negation disabled
This allows for the icon to offset the text above/below it, preventing overlap of large icons with text.
{{InlineIcon|Steel_Icon.png|height=60|negate vertical offset=0}}
↓
Some text above.
This is the icon somewhere inside the text.
The text that's after.
InfoLabels
Allows to add any text to one or both sides of the icon.
Left label
{{InlineIcon|Steel_Icon.png|left label=Steel}}
↓
Steel
Right label
{{InlineIcon|Steel_Icon.png|right label=Steel}}
<!--or-->
{{InlineIcon|Steel_Icon.png|Steel}}
↓
Steel or Steel
With both labels
{{InlineIcon|Steel_Icon.png|left label=Go for it!|right label=I'm a total Steel!}}
↓
Go for it!I'm a total Steel!
Label gap
Allows to add spacing between the icon and the label
{{InlineIcon|Steel_Icon.png|Steel|label gap=10px}}
<!--or-->
{{InlineIcon|Steel_Icon.png|Steel|gap=10px}}
<!-- with both labels -->
{{InlineIcon|Steel_Icon.png|left label=Steel|right label=METAL METAL METAL|gap=10px}}
↓
Steel or Steel
<!-- with both labels -->
SteelMETAL METAL METAL
Bold labels
To make labels bold, use this option:
{{InlineIcon|Steel_Icon.png|Steel|bold=1}}
<!--or-->
{{InlineIcon|Steel_Icon.png|Steel|b=1}}
↓
Steel or Steel
Links
Allows to add a link to both icon and the labels (if present).
Link to Steel
{{InlineIcon|Steel_Icon.png|link=Steel}}
↓
Link to Steel with labels
<!-- right label only -->
{{InlineIcon|Steel_Icon.png|Steel|link=Steel}}
<!-- left label only -->
{{InlineIcon|Steel_Icon.png|left label=Steel|link=Steel}}
<!-- both labels -->
{{InlineIcon|Steel_Icon.png|left label=Steel|right label=METAL METAL METAL|link=Steel}}
↓
<!-- right label only -->
<!-- left label only -->
<!-- both labels -->
External links
{{InlineIcon|Discord emoji - Bus.webp|link=https://discord.gg/cosmoteer|external link=1}}
<!--or-->
{{InlineIcon|Discord emoji - Bus.webp|link=https://discord.gg/cosmoteer|elink=1}}
<!--with left label only-->
{{InlineIcon|Discord emoji - Bus.webp|left label=Our Dicord server|link=https://discord.gg/cosmoteer|elink=1}}
<!--with right label only-->
{{InlineIcon|Discord emoji - Bus.webp|Our Dicord server|link=https://discord.gg/cosmoteer|elink=1}}
<!--with both labels-->
{{InlineIcon|Discord emoji - Bus.webp|left label=Our Dicord server|right label=Come in now :)|link=https://discord.gg/cosmoteer|elink=1}}
↓
<!--or-->
<!--with left label only-->
<!--with right label only-->
<!--with both labels-->
Our Dicord serverCome in now :)
Wrapping
Forced to wrap Go for it!I'm a total Steel!
mid sentence - doesn't break.
Usage within other markup
In a table
Inline in a table cell, inside other text. Renders the same way.
|
In a table cell Go for it! |
Inline in a table cell, on its own. Renders the same way.
|
Go for it! |