Template:Icon link inline/doc: Difference between revisions
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
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 }}
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 }}