Select-Feld

Das select Feld speichert einen Wert, der aus einer kontrollierten Optionsliste ausgewählt wurde.

Am besten für

• visuelle Varianten
• Ausrichtungsoptionen
• Größenoptionen
• kategorienahe kontrollierte Einstellungen

Schema-Beispiel

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

Label/Wert-Stil Beispiel:

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

Vorlagenverwendung

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

Wann verwenden

Verwende select, wenn Autor:innen eine bekannte Option wählen sollen und die erlaubten Werte kontrolliert bleiben sollen.

Nicht verwenden, wenn

Verwende select nicht für:

• Freitext
• true/false-Umschaltungen
• mehrere wiederholbare Zeilen

Verwende stattdessen text, checkbox oder repeater.

Technische Hinweise

• halte Optionswerte nach der Freigabe stabil, da Templates möglicherweise davon abhängen
• verwende maschinenfreundliche Werte und benutzerfreundliche Labels
• vermeide, select in einen versteckten Inhaltsbehälter mit zu vielen Optionen zu verwandeln
• bevorzuge checkbox für binäre Umschaltungen und repeater für zeilenbasierte Strukturen

Verwandte

• Checkbox
• Text
• Repeater