# Combobox > Campo que filtra una lista: chips para elegir varias, grupos, opciones con detalle, inválido y desde un botón. Categoría: Formularios · Solar v0.8.0 Usa este HTML tal cual, con Tailwind y ccs-tailwind-config.js cargados (ver https://utiliza.me/solar/instalacion.html). ## Guía: Cuándo usarlo - Para listas de más de 8 opciones o que se buscan por nombre. - Con menos de 8 opciones, select nativo o radios. - Con chips, cuando se pueden elegir varias. ## Básico ```html
Providencia
Puente Alto
Pudahuel
``` ## Varias, con chips ```html
Comercio exteriorPymes
Comercio exterior
Comercio electrónico
Innovación
Pymes
Sostenibilidad
``` ## Con botón para borrar ```html
``` ## Con grupos ```html
Santiago
Puente Alto
Valparaíso
Viña del Mar
``` ## Opciones con detalle ```html
Empresa de Ejemplo SpA76.123.456-7
Empresa Demo Ltda.77.987.654-3
Empresa Muestra S.A.96.555.444-1
``` ## Sin resultados ```html
Sin resultados para "Xyz".
``` ## Inválido ```html
Elige una comuna de la lista.
``` ## Deshabilitado ```html
``` ## Con ícono ```html
``` ## Desde un botón ```html
Las Condes
Ñuñoa
Providencia
Santiago
``` ## Guía: Comportamiento Patrón combobox de ARIA: el campo lleva role="combobox", aria-expanded, aria-controls y aria-activedescendant con la opción resaltada; el foco se queda en el campo. Flecha abajo abre y recorre, Enter elige, Escape cierra (y si está cerrado, borra). En la versión con chips, Retroceso con el campo vacío quita el último chip. La cantidad de resultados se anuncia con aria-live. Sin JS no hay filtro: el respaldo es con , que el navegador dibuja a su manera.