Component

DataView

Unified data presentation for list, grid and table views with search, sorting, pagination, loading and empty states.

import { NeuDataViewComponent } from '@neural-ui/core/data-view';

Catalog preview

Neural AnalyticsSaaS$49

Admin ProDashboard$79

Commerce OpsEcommerce$69

CRM FlowCRM$89

Products are sorted and paginated by the component.

import { NeuDataViewComponent, NeuDataViewItemDirective } from '@neural-ui/core/data-view';

@Component({
  imports: [NeuDataViewComponent, NeuDataViewItemDirective],
  template: `
    <neu-data-view [items]="products" mode="grid" [searchFields]="['name']">
      <ng-template neuDataViewItem let-product>
        <strong>{{ product.name }}</strong>
      </ng-template>
    </neu-data-view>
  `
})
export class ExampleComponent {
  products = [{ name: 'Neural Analytics' }];
}