File

infotip/src/infotip-layout/infotip-layout.component.ts

Description

InfotipLayout provides the default layout used for Infotip content.

InfotipLayout is used to display additional information related to a content (e.g. an icon or a term). It consists of a title and a description, which can be used to set the content of the infotip.

The title is used to display a short message to the user while the description typically contains a more detailed explanation. InfotipLayout includes a CopyContent button which allows the user to copy the message for further processing.

<span talenraInfotipAnchor [triggerFor]="infotip">Infotip</span>
<ng-template #infotip>
  <talenra-infotip-layout title="My Title" description="My description text" />
</ng-template>

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

Import

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

See InfoTipAnchorDirective See InfoTipDirective

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