Tooltip

A simple text popup tip.

Basic Usage
<prism-button 
  prismTooltip="Prompt Text"
  label="Hover me"
/>
Placement
<prism-button prismTooltip="Top" tooltipPosition="top" label="Top" />
<prism-button prismTooltip="Bottom" tooltipPosition="bottom" label="Bottom" />
<prism-button prismTooltip="Left" tooltipPosition="left" label="Left" />
<prism-button prismTooltip="Right" tooltipPosition="right" label="Right" />
Custom Content (Template)
<prism-button variant="secondary" [prismTooltip]="customTpl" label="Complex Content" />

<ng-template #customTpl>
  <div class="flex items-center gap-2">
    <i class="ri-information-line"></i>
    <span>Supports <b>Templates</b> too!</span>
  </div>
</ng-template>
Triggers
<prism-button prismTooltip="Click me!" tooltipTrigger="click" label="Click Trigger" />
<prism-button prismTooltip="Focus me!" tooltipTrigger="focus" label="Focus Trigger" />
NameTypeDefaultDescription
prismTooltipstring | TemplateRef-The content to display in the tooltip.
tooltipPosition'top' | 'bottom' | 'left' | 'right''top'Preferred position of the tooltip.
tooltipTrigger'hover' | 'focus' | 'click''hover'Trigger type.

Name	Type	Default	Description
`prismTooltip`	`string \| TemplateRef`	`-`	The content to display in the tooltip.
`tooltipPosition`	`'top' \| 'bottom' \| 'left' \| 'right'`	`'top'`	Preferred position of the tooltip.
`tooltipTrigger`	`'hover' \| 'focus' \| 'click'`	`'hover'`	Trigger type.