aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
41 lines • 1.51 kB
TypeScript
import React from "react";
export type TooltipPosition = "top" | "bottom" | "left" | "right" | "auto";
export interface GlassTooltipProps {
/** Content to show in the tooltip */
content: React.ReactNode;
/** Children element that triggers the tooltip */
children: React.ReactNode;
/** Position of the tooltip relative to trigger */
position?: TooltipPosition;
/** Delay before showing tooltip (ms) */
showDelay?: number;
/** Delay before hiding tooltip (ms) */
hideDelay?: number;
/** Whether tooltip is disabled */
disabled?: boolean;
/** Custom className for tooltip */
className?: string;
/** Custom className for trigger */
triggerClassName?: string;
/** Maximum width of tooltip */
maxWidth?: string;
/** Whether to show arrow pointer */
showArrow?: boolean;
/** Animation variant */
variant?: "fade" | "scale" | "slide";
/** Whether to respect motion preferences */
respectMotionPreference?: boolean;
/** Accessible label for the tooltip */
"aria-label"?: string;
/** ID of the tooltip for aria-describedby */
id?: string;
}
export declare const GlassTooltip: React.ForwardRefExoticComponent<GlassTooltipProps & React.RefAttributes<HTMLDivElement>>;
export declare const GlassTooltipTrigger: React.FC<{
asChild?: boolean;
children: React.ReactNode;
}>;
export declare const GlassTooltipContent: React.FC<{
children: React.ReactNode;
}>;
//# sourceMappingURL=GlassTooltip.d.ts.map