Template:InlineKey

Purpose & Usage

• parameter 1 is the content of the key. It works with characters / strings / html code and a set of predefined buttons.

Available predefined keys :

• Left arrow : arrowLeft
• Right arrow : arrowRight
• Up arrow : arrowUp
• Down arrow : arrowDown
• Enter : enter
• Backspace : backspace
• Shift : shift
• Caps Lock : capsLock
• Tabulation : tab

• (optional) paddingRight parameter define the space between the content of the key and the end of the visual. (don't work for pre-defined keys)
• (optional) paddingLeft parameter define the space between the content of the key and the beginning of the visual. (don't work for pre-defined keys)

This template is used to create an inline keyboard button, for coolness, swagginess, and awesomeness of "press this key to do this" instructions.

Examples

Code:

People with {{InlineKey|A}} {{InlineKey|Z}} {{InlineKey|E}} {{InlineKey|R}} {{InlineKey|T}} {{InlineKey|Y}} keyboards are nice.

Result: People with A   Z   E   R   T   Y   keyboards are nice.

Code:

List of all available predefined key : {{InlineKey|arrowLeft}} ; {{InlineKey|arrowRight}} ; {{InlineKey|arrowUp}} ; {{InlineKey|arrowDown}} ; {{InlineKey|enter}} ; {{InlineKey|backspace}} ; {{InlineKey|shift}} ; {{InlineKey|capsLock}} ; {{InlineKey|tab}}

Result: List of all available predefined key : ←   ; →   ; ↑   ; ↓   ; Enter ↲   ; ←─   ; ⇧   ; 🔒   ; ↹  

Code:

Pressing {{InlineKey|Alt|paddingRight=1.2em}}+ {{InlineKey|F4}} will close your browser, don't do it if you still need to read this ;)

Result: Pressing Alt  + F4   will close your browser, don't do it if you still need to read this ;)

Related Templates

None