@sixbell-telco/sdk
Version:
A collection of reusable components designed for use in Sixbell Telco Angular projects
39 lines (38 loc) • 1.16 kB
TypeScript
import * as i0 from "@angular/core";
/**
* A container component for custom tooltip content
*
* @remarks
* Designed to be used within `<st-tooltip>` components to provide
* rich, customized tooltip content. When used, replaces the default
* text label with any arbitrary content.
*
* @example
* ```html
* <st-tooltip variant="warning">
* <button class="btn">Hover me</button>
* <st-tooltip-content>
* <div class="animate-pulse text-red-500">
* ⚠️ Critical warning!
* </div>
* </st-tooltip-content>
* </st-tooltip>
* ```
*
* @example
* ```html
* <st-tooltip position="right">
* <st-tooltip-content>
* <div class="flex items-center gap-2">
* <st-icon icon="info"></st-icon>
* <span>Custom tooltip layout</span>
* </div>
* </st-tooltip-content>
* <p class="cursor-pointer">Hover for details</p>
* </st-tooltip>
* ```
*/
export declare class TooltipContentComponent {
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipContentComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<TooltipContentComponent, "st-tooltip-content", never, {}, {}, never, ["*"], true, never>;
}