Componenten / Basis / Formulier

Keuzerondjes

Eén keuze uit een kleine groep, gegroepeerd in een fieldset met legend.

BasisFormulier2 instellingenradio

Voorbeeld

Instellingen

Laden…

<fieldset class="gx-fieldset gx-radios--stacked">
  <legend class="gx-label">Wanneer wil je starten?</legend>
  <label class="gx-radio">
    <input type="radio" name="start" checked>
    <span class="gx-radio__dot" aria-hidden="true"></span>
    <span>Deze maand</span>
  </label>
  <label class="gx-radio">
    <input type="radio" name="start">
    <span class="gx-radio__dot" aria-hidden="true"></span>
    <span>Volgend kwartaal</span>
  </label>
  <label class="gx-radio">
    <input type="radio" name="start">
    <span class="gx-radio__dot" aria-hidden="true"></span>
    <span>Nog niet bekend</span>
  </label>
</fieldset>

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
`layout`	Opbouw	`stacked` `inline` `cards`	`stacked`
`legend`	Vraag	tekst	`Wanneer wil je starten?`

Richtlijnen

Toegankelijkheid

Fieldset + legend geeft de groep een naam.
Pijltoetsen wisselen binnen de groep (native).

Wel

2 tot 5 opties.

Niet

Zonder standaardkeuze als er een logische is.

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.