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';Multi-select (por defecto)
Activos: ninguno
Selección exclusiva
Activos: ninguno
Sin botón limpiar
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));
}
}