Skip to main content
NeuralUIv1.14.3New
GitHub
Component

Tooltip

[neuTooltip] directive using CDK Overlay. Responds to hover and 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 {}