Saltar al contenido principal
NeuralUIv1.14.3Nuevo
GitHub
Componente

Tooltip

Directiva [neuTooltip] que usa CDK Overlay. Responde a hover y focus.

TypeScript
import { NeuTooltipDirective } from '@neural-ui/core/tooltip';
TypeScript
import { NeuTooltipDirective } from '@neural-ui/core/tooltip';

@Component({
  imports: [NeuTooltipDirective],
  template: `
    <button
      neu-button
      [neuTooltip]="'Texto del tooltip'"
      neuTooltipPosition="top"
    >
      Hover me
    </button>

    <!-- Posiciones disponibles: top | bottom | left | right / Available positions: top | bottom | left | right -->
    <span [neuTooltip]="'Tooltip deshabilitado'" [neuTooltipDisabled]="true">
      Sin tooltip
    </span>
  `
})
export class MyComponent {}