Component

Empty State

Configurable empty state with optional SVG illustration, title, description and CTA.

import { NeuEmptyStateComponent } from '@neural-ui/core/empty-state';

With CTA

No notifications

When you receive notifications they will appear here.

No CTA

No results

No matches found for your search.

Error

No connection

Check your internet connection and try again.

import { NeuEmptyStateComponent } from '@neural-ui/core/empty-state';

@Component({
  imports: [NeuEmptyStateComponent],
  template: `
    <!-- Estado vacío básico / Basic empty state -->
    <neu-empty-state
      icon="lucideInbox"
      title="Sin notificaciones"
      description="Cuando recibas notificaciones aparecerán aquí."
    />

    <!-- Con CTA / With CTA -->
    <neu-empty-state
      icon="lucideSearch"
      title="Sin resultados"
      description="No encontramos coincidencias para tu búsqueda."
      actionLabel="Limpiar filtros"
      (action)="clearSearch()"
    />
  `,
})
export class MyComponent {}