Select-veld

Het select-veld slaat één waarde op die gekozen wordt uit een gecontroleerde optielijst.

Het meest geschikt voor

• visuele varianten
• uitlijningsopties
• grootte-opties
• categorieachtige gecontroleerde instellingen

Schemavoorbeeld

{
  "name": "theme",
  "label": "Theme",
  "type": "select",
  "options": ["light", "dark", "accent"]
}

Label/value style example:

{
  "name": "alignment",
  "label": "Alignment",
  "type": "select",
  "options": [
    { "label": "Left", "value": "left" },
    { "label": "Center", "value": "center" },
    { "label": "Right", "value": "right" }
  ]
}

Gebruik in template

<section class="theme-{{ theme }}">
  ...
</section>

Gebruik het wanneer

Gebruik select wanneer auteurs één bekende optie moeten kiezen en de toegestane waarden gecontroleerd moeten blijven.

Gebruik het niet wanneer

Gebruik select niet voor:

• vrije tekst
• aan/uit-schakelaars
• meerdere herhaalbare rijen

Gebruik in plaats daarvan text, checkbox of repeater.

Technische notities

• houd optiewaarden stabiel na publicatie omdat sjablonen ervan afhankelijk kunnen zijn
• gebruik machinevriendelijke waarden en mensvriendelijke labels
• voorkom dat select verandert in een verborgen inhoudsbak met te veel opties
• geef de voorkeur aan checkbox voor binaire schakelaars en aan repeater voor rijenstructuren

Gerelateerd

• Aankruisvakje
• Tekst
• Herhaler