Component

Popover

Floating overlay anchored to a trigger with text or template content and adaptive positioning

import { NeuPopoverDirective } from '@neural-ui/core/popover';

Simple text (hover)

Template (click)

Focus trigger

<button
  neuPopoverText="Información adicional"
  neuPopoverPosition="top"
  neuPopoverTrigger="hover"
>
  Pasa el ratón
</button>

<!-- Con plantilla / With template -->
<button [neuPopover]="myTemplate" neuPopoverPosition="bottom">
  Ver detalles
</button>

<ng-template #myTemplate>
  <div style="padding: 12px">
    Contenido <strong>enriquecido</strong>
  </div>
</ng-template>