Saltar al contenido principal
NeuralUIv1.14.3Nuevo
GitHub
Componente

Filter Bar

Barra de filtros compacta basada en chips con selección simple o múltiple y limpieza global

TypeScript
import { NeuFilterBarComponent } from '@neural-ui/core/filter-bar';
import type { NeuFilterChip } from '@neural-ui/core/filter-bar';

Activos: ninguno

Activos: ninguno

TypeScript
import { NeuFilterBarComponent } from '@neural-ui/core/filter-bar';
import { NeuFilterChip } from '@neural-ui/core/filter-bar';

@Component({
  imports: [NeuFilterBarComponent],
  template: `
    <neu-filter-bar
      [filters]="filters"
      (filterChange)="onFilter($event)"
    />
  `
})
export class MyComponent {
  filters: NeuFilterChip[] = [
    { key: 'all',    label: 'Todos',     active: true },
    { key: 'active', label: 'Activos' },
    { key: 'done',   label: 'Completados' },
  ];

  onFilter(active: NeuFilterChip[]) {
    console.log(active.map(f => f.key));
  }
}