Template:Button: Difference between revisions
From Space Station 14 Wiki
(refactor) |
(state stuff wip) |
||
| (8 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<includeonly><!-- | <includeonly><!-- | ||
--><templatestyles src="Button/styles.css" /><!-- | |||
-->{{#vardefine: button_bg_clip_pixels|5}}<!-- | -->{{#vardefine: button_bg_clip_pixels|5}}<!-- | ||
--><kbd | --><kbd class="template-button {{lc: {{{state|normal}}}}}" style=" | ||
padding: .2em calc({{#var:button_bg_clip_pixels}}px + .3em); | |||
padding: .2em; | |||
clip-path: polygon( | clip-path: polygon( | ||
0 0, | 0 0, | ||
calc(100% - {{#var:button_bg_clip_pixels}}px) 0, | calc(100% - {{#var:button_bg_clip_pixels}}px) 0, | ||
100% {{#var:button_bg_clip_pixels}}px, | 100% {{#var:button_bg_clip_pixels}}px, | ||
100% 100%, | 100% 100%, | ||
{{#var:button_bg_clip_pixels}}px 100%, | {{#var:button_bg_clip_pixels}}px 100%, | ||
0 calc(100% - {{#var:button_bg_clip_pixels}}px) | 0 calc(100% - {{#var:button_bg_clip_pixels}}px) | ||
); | ); | ||
">{{{1}}}</kbd></includeonly><noinclude> | ">{{{1}}}</kbd></includeonly><noinclude> | ||
{{documentation}} | {{documentation|bb= | ||
{{uses template styles}} | |||
}} | |||
[[Category: | [[Category:Button templates]] | ||
<templatedata> | <templatedata> | ||
{ | { | ||
| Line 136: | Line 139: | ||
"required": true, | "required": true, | ||
"description": "Select from the list, or use your own." | "description": "Select from the list, or use your own." | ||
}, | |||
"2": { | |||
"label": "Theme", | |||
"description": "Theme of the button. Any casing is allowed, including lowercase.", | |||
"type": "line", | |||
"suggestedvalues": [ | |||
"Regular" | |||
], | |||
"default": "Regular", | |||
"suggested": true | |||
}, | |||
"state": { | |||
"label": "State", | |||
"description": "State of the button. Any casing is allowed, including lowercase.", | |||
"type": "line", | |||
"suggestedvalues": [ | |||
"Normal", | |||
"Pressed" | |||
], | |||
"default": "Normal" | |||
} | } | ||
}, | }, | ||
"description": "For representing a keyboard or other buttons." | "description": "For representing a keyboard or other buttons.", | ||
"paramOrder": [ | |||
"1", | |||
"2", | |||
"state" | |||
] | |||
} | } | ||
</templatedata></noinclude> | </templatedata></noinclude> | ||
Latest revision as of 23:14, 18 August 2024
Uses template styles
This template uses template styles found in:
Examples
{{button
↓
Server List
Theming
Not implemented yet.
Button state
Normal
The default.
Pressed
{{button
↓
EnabledFor representing a keyboard or other buttons.
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| Key | 1 | Select from the list, or use your own.
| Line | required |
| Theme | 2 | Theme of the button. Any casing is allowed, including lowercase.
| Line | suggested |
| State | state | State of the button. Any casing is allowed, including lowercase.
| Line | optional |
