Component

Filter Bar

Compact chip-based filter bar with single or multiple selection and clear-all action

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

Multi-select (default)

Active: none

Exclusive selection

Active: none

Without clear button

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));
  }
}