Campo select

Il campo select memorizza un valore scelto da un elenco controllato di opzioni.

Ideale per

• varianti visive
• scelte di allineamento
• opzioni di dimensione
• impostazioni controllate simili a categorie

Esempio di schema

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

Esempio etichetta/valore:

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

Uso nel template

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

Usalo quando

Usa select quando gli autori devono scegliere una delle opzioni note e i valori ammessi devono rimanere controllati.

Non usarlo quando

Non usare select per:

• testo libero
• interruttori vero/falso
• più righe ripetibili

Usa invece text, checkbox o repeater.

Note tecniche

• mantieni i valori delle opzioni stabili dopo il rilascio perché i template potrebbero dipenderne
• usa valori adatti alle macchine e etichette comprensibili all'utente
• evita di trasformare select in un contenitore di contenuti nascosto con troppe opzioni
• preferisci checkbox per interruttori binari e repeater per strutture basate su righe

Correlati

• Casella di controllo
• Testo
• Ripetitore