Om komponenten
Denne komponenten bruker Checkbox og all kode er identisk, sÄ se dit for detaljert dokumentasjon. Teknisk er en Switch akkurat det samme som en Checkbox, dog med den praktiske forskjellen at Switch kun bÞr brukes dersom endringene trer i kraft Þyeblikkelig mens Checkbox gjerne er en del av en skjemakontekst med en lagreknapp.
Denne siden vil kun vise et eksempel pÄ bruk, og all dokumentasjon deles med Checkbox.
Eksempel pÄ bruk
<div class="pkt-input-check">
<div class="pkt-input-check__input">
<input
class="pkt-input-check__input-checkbox"
type="checkbox"
role="switch"
id="exampleSwitch"
/>
<label class="pkt-input-check__input-label" for="exampleSwitch">
Dette er en Switch, eller Toggle, eller bryter
<div class="pkt-input-check__input-helptext">
Men i bunn er det bare en helt vanlig Checkbox⊠Det eneste du trenger Ä
gjĂžre er Ă„ legge til <code>role=\"switch\"</code> pĂ„ inputâen sĂ„ har du
en Switch! I Vue- og React-komponentene til Checkbox trenger du bare
legge pÄ en prop som heter <code>isSwitch</code> sÄ blir den helt magisk
en Switch.
</div>
</label>
</div>
</div><PktCheckbox
isSwitch
id="exampleSwitch"
label="Dette er en Switch, eller Toggle, eller bryter"
checkHelptext="Men i bunn er det bare en helt vanlig CheckboxâŠ"
/><PktCheckbox
isSwitch
id="exampleSwitch"
label="Dette er en Switch, eller Toggle, eller bryter"
checkHelptext="Men i bunn er det bare en helt vanlig CheckboxâŠ"
/>