Template:Icon link inline/doc: Difference between revisions

From Unofficial Homecoming Wiki
Jump to navigation Jump to search
(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. Avoid an icon height larger than the text's line height, usually about 22px. Default: 22.
: Optional. Icon width, in pixels. Avoid an icon height larger than the text's line height, usually 22.8px. 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 12:42, 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 22.8px. 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
}}