@engie-group/fluid-design-system-angular/src/components/tooltip/tooltip.model.ts

Fluid Design System Angular

export type TooltipPlacement = 'left' | 'right' | 'top' | 'bottom';

export type TooltipArrowPlacement = 'start' | 'center' | 'end';

export class TooltipOptions {
  /**
   * Whether tooltip is inverse or no
   */
  isInverse: boolean;

  /**
   * Whether tooltip has arrow or no
   */
  hasArrow = true;

  /**
   * Tooltip label, if you want custom content unset the label and place content as element children
   * e.g: `<nj-tooltip>Your Content</nj-tooltip>`
   */
  label: string;

  /**
   * Tooltip id
   */
  tooltipId: string;

  /**
   * Tooltip placement
   */
  placement: TooltipPlacement = 'top';

  /**
   * Tooltip arrow placement
   */
  arrowPlacement: TooltipArrowPlacement = 'center';

  /**
   * Whether tooltip management is standalone
   */
  isStandalone = true;

  /**
   * Whether tooltip is animated
   */
  isAnimated = true;
}