Campo de selección

El campo select almacena un valor elegido de una lista de opciones controladas.

Ideal para

• variantes visuales
• opciones de alineación
• opciones de tamaño
• ajustes controlados tipo categoría

Ejemplo de esquema

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

Ejemplo estilo etiqueta/valor:

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

Uso en plantilla

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

Usar cuando

Usar select cuando los autores deban elegir una opción conocida y los valores permitidos deban permanecer controlados.

No usar cuando

No use select para:

• texto libre
• conmutadores verdadero/falso
• varias filas repetibles

Use text, checkbox, o repeater en su lugar.

Notas técnicas

• mantener los valores de las opciones estables después del lanzamiento porque las plantillas pueden depender de ellos
• usar valores aptos para máquinas y etiquetas legibles por humanos
• evitar convertir select en un depósito oculto de contenido con demasiadas opciones
• preferir checkbox para conmutadores binarios y repeater para estructuras basadas en filas

Relacionado

• Casilla de verificación
• Texto
• Repetidor