Template:Button

From Imagisphere
Jump to navigation Jump to search

If you want to display a fancy button icon instead of a boring written version, use this template. The button vector graphics can be found here.

Usage

The table below lists all of the currently supported codes, and what icon will be displayed when used.

Code Result
Universal buttons
{{button|cross}}
{{button|x}}
X
{{button|circle}}
{{button|o}}
Circle
{{button|square}} Square
{{button|triangle}} Triangle
{{button|dpad}} D-Pad
{{button|dpadup}} Up
{{button|dpaddown}} Down
{{button|dpadleft}} Left
{{button|dpadright}} Right
{{button|dpadud}} Up and Down
{{button|dpadlr}} Left and Right
{{button|lstick}} Left Stick
{{button|l1}} L1
{{button|l2}} L2
{{button|l3}} L3
{{button|rstick}} Right Stick
{{button|r1}} R1
{{button|r2}} R2
{{button|r3}} R3
{{button|home}}
{{button|ps}}
PS
DualShock 3 buttons
{{button|ps3|start}} Start
{{button|ps3|select}} Select
PlayStation Move buttons
{{button|psmove|move}} Move
{{button|psmove|t}} T
{{button|psmove|start}} Start
{{button|psmove|select}} Select
PlayStation Portable buttons
{{button|psp|stick}} Analogue Stick
{{button|psp|l}} L
{{button|psp|r}} R
{{button|psp|start}} Start
{{button|psp|select}} Select
{{button|psp|home}} Home
{{button|psp|display}} Display
{{button|psp|sound}} Sound
PlayStation Vita buttons
{{button|vita|l}} L
{{button|vita|r}} R
{{button|vita|start}} Start
{{button|vita|select}} Select
{{button|vita|home}}
{{button|vita|ps}}
PS
DualShock 4 buttons
{{button|ps4|touch}} Touch Pad
{{button|ps4|options}} Options
{{button|ps4|share}} Share
DualSense buttons
{{button|ps5|touch}} Touch Pad
{{button|ps5|options}} Options
{{button|ps5|create}} Create

Class

By default, the button template uses the invert class to adapt to dark themes. To specify a different CSS class (or disable the effect entirely), use the class parameter.

e.g. {{button|cross|class=image-red}} produces a red Cross Button X