Template:Icon link inline/doc: Difference between revisions

From Unofficial Homecoming Wiki
Jump to navigation Jump to search
(increased default size to 22, closer to the usual line-height on hcwiki)
(avoid icon height larger than line-height)
Line 6: Line 6:
: Required. Filename of icon to display.
: Required. Filename of icon to display.
; size
; size
: Optional. Icon width, in pixels. Default: 22.
: Optional. Icon width, in pixels. Avoid an icon height larger than the text's line height, usually about 22px. Default: 22.
; width
; width
: Optional. Width of space that icon will be centered in. Used for aligning icons of different widths. Default: Same as size parameter.
: Optional. Width of space that icon will be centered in. Used for aligning icons of different widths. Default: Same as size parameter.

Revision as of 11:50, 2 May 2022

This is a documentation subpage for Template:Icon link inline (see that page for the template itself).
It contains usage information, categories and other content that is not part of the original template page.

Displays an inline icon and text link. The icon and text are combined as a single tap target.

Parameters

icon
Required. Filename of icon to display.
size
Optional. Icon width, in pixels. Avoid an icon height larger than the text's line height, usually about 22px. Default: 22.
width
Optional. Width of space that icon will be centered in. Used for aligning icons of different widths. Default: Same as size parameter.
link
Required. Page to link to.
text
Optional. Text to display. Default: Same as link parameter.

Examples

Basic use

{{icon link inline
| icon = IO Accurate Defense Debuff.png
| link = :Category:Sets for improving Accurate Defense Debuff
| text = Accurate Defense Debuff
}}

Accurate Defense Debuff

Aligning icons of different widths

* {{icon link inline
| icon  = Badge DayJob CareGiver.png
| link  = Caregiver Badge
| size  = 20
| width = 31
| text  = Caregiver
}}
* {{icon link inline
| icon  = Badge DayJob Scholar.png
| link  = Professor Badge
| size  = 20
| width = 31
| text  = Professor
}}
* {{icon link inline
| icon  = Badge DayJobAcc Doctor.png
| link  = Physician Badge
| size  = 31
| text  = Physician
}}