Template:Calculator codex toggle
Usage
This is to create a codex-style toggle switch {{calculator}} widget.
Please see https://doc.wikimedia.org/codex/latest/components/demos/toggle-switch.html#guidelines for best practices.
Example
{{Calculator codex toggle|id=mycheck|label=My toggle|description=Additional text describing the toggle}}
produces:
If you have multiple toggle switches that should be grouped together, you should put them all in a <div> with role="group". This helps with accessibility. The group should have its own label referenced by aria-labelledby. For example:
<div role="group" aria-labelledby="mygrouplabel" id="mytogglegroup">
{{calculator label|codex=1|for=mytogglegroup|label=This is a group of toggles|id=mygrouplabel}}
{{Calculator codex toggle|id=mycheck1|label=First option|description=Additional text describing the first option}}<br>
{{Calculator codex toggle|id=mycheck2|label=Second option|description=Additional text describing the first option}}<br>
{{Calculator codex toggle|id=mycheck3|label=Third option}}
</div>
Template data
Add a toggle switch button for calculator gadget in codex style
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| id | id | id value of calculator widget. Can be referenced by other calculator templates | Unknown | required |
| formula | formula | Formula to control if button is on or off. | Unknown | optional |
| readonly | readonly | Make button read only. Read only buttons can be adjusted by formula but not by user interaction | Boolean | optional |
| class-live | class-live | extra css classes to add only if gadget is enabled | Unknown | optional |
| class | class | extra css class | String | optional |
| default | default | Whether to start in a checked or unchecked state
| String | optional |
| description | description | Additional description to add after the label | Content | optional |
| label | label | Label for toggle switch button | Unknown | required |
| hiddendescription | hiddendescription | Hide description label. If set, the label will be used for screen readers but not shown to users. The label field is still mandatory | Boolean | optional |
| labelstyle | labelstyle | Additional CSS for the label part | String | optional |
Content Disclaimer
Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.
- The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
- There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
- It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
- Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
- Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.