Componenten / Basis / Formulier

Schuifregelaar

Waarde kiezen op een schaal, zoals volume. Gevuld deel volgt de waarde via --v.

BasisFormulier2 instellingenrange

Voorbeeld

Instellingen

Laden…

<div class="gx-field">
  <label class="gx-label" for="f-range">Volume</label>
  <input class="gx-range" id="f-range" type="range" min="0" max="100" value="60" style="--v:0.6" data-gx="range">
</div>

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
`label`	Label	tekst	`Volume`
`value`	Waarde	`60` `0` `25` `100`	`60`

Richtlijnen

Toegankelijkheid

Native range: pijltoetsen en Home/End werken.

Wel

Waarde ook als tekst tonen als die ertoe doet.

Niet

Voor exacte getallen: gebruik een tekstveld.

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.