File

infotip/src/directives/infotip-anchor.directive.ts

Description

Assigned to an element, InfotipAnchor triggers the associated Infotip. InfotipAnchor provides triggerFor input property. It will trigger the template with a matching id.

<span talenraInfotipAnchor [triggerFor]="myinfotip">Infotip</span>
<ng-template #myinfotip>
  <talenra-infotip-layout title="Short message" description="A long, really, really long message" />
</ng-template>

Important: If you use a custom layout component instead of the library's infotip layout, you need to import the CdkMenu directive and add it to the hostDirectives array of the custom layout component. This will make sure that the infotip is closed when clicked outside.

Import

import { InfotipAnchorDirective } from '@talenra/components/infotip';

See InfotipLayoutComponent

../../../#/infotip

Implements

OnInit AfterViewInit