Componente

Autocomplete

Campo de texto con lista de sugerencias filtradas al escribir. Soporta opciones deshabilitadas, longitud mínima de búsqueda y estado vacío personalizado. Implementa ControlValueAccessor.

import { NeuAutocompleteComponent } from '@neural-ui/core/autocomplete';
import type { NeuAutocompleteOption } from '@neural-ui/core/autocomplete';

Búsqueda de países

País

Con longitud mínima (2 chars)

Tecnología

Scroll virtual

Dataset grande

Con opciones deshabilitadas

Rol

Etiqueta flotante

País

Tecnología

Tamaños

Pequeño (36px)

País

Mediano (48px, por defecto)

País

Grande (56px)

País

import { NeuAutocompleteComponent } from '@neural-ui/core/autocomplete';
import { NeuAutocompleteOption } from '@neural-ui/core/autocomplete';

@Component({
  imports: [NeuAutocompleteComponent],
  template: `
    <neu-autocomplete
      [options]="countries"
      label="País"
      placeholder="Escribe para buscar…"
      (optionSelected)="onSelect($event)"
      (queryChange)="onQuery($event)"
    />
  `
})
export class MyComponent {
  countries: NeuAutocompleteOption[] = [
    { value: 'es', label: 'España' },
    { value: 'mx', label: 'México' },
  ];

  onSelect(opt: NeuAutocompleteOption) {
    console.log('Seleccionado:', opt.value);
  }
}