Componenten / Basis / Formulier

Schakelaar

Directe aan/uit-instelling, zoals geluid of meldingen. Checkbox met role=switch.

BasisFormulier3 instellingenswitch

Voorbeeld

Instellingen

Laden…

<label class="gx-switch">
  <input type="checkbox" role="switch" checked>
  <span class="gx-switch__track" aria-hidden="true">
    <span></span>
  </span>
  <span>Geluid</span>
</label>

Instellingen

Alles wat je kunt variëren. Ook als query in de URL en als options in de MCP-tool get_component.

Sleutel	Instelling	Waarden	Standaard
`checked`	Aan	aan / uit	`true`
`disabled`	Uitgeschakeld	aan / uit	`false`
`label`	Label	tekst	`Geluid`

Richtlijnen

Toegankelijkheid

role=switch zodat schermlezers aan/uit melden.

Wel

Voor instellingen die direct werken.

Niet

In formulieren die nog verzonden moeten worden.

Verwant

TekstveldInvoerveld met zichtbaar label, hulptekst en foutmelding direct onder het veld.

TekstvakMeerregelige invoer die meegroeit met de inhoud (field-sizing waar de browser het kent).

KeuzelijstNative select met eigen pijl: werkt overal, ook met toetsenbord en op mobiel.

SelectievakjeEén of meer keuzes aan of uit. Eigen vinkje, native input eronder.