Componente

Empty State

Estado vacío configurable con ilustración SVG, título, descripción y CTA opcionales.

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

Con CTA

Sin notificaciones

Cuando recibas notificaciones aparecerán aquí.

Sin CTA

Sin resultados

No hemos encontrado coincidencias para tu búsqueda.

Error

Sin conexión

Comprueba tu conexión a Internet e inéntalo de nuevo.

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 {}