@buddhacognitivelab/theme-glassmorphic
Version:
Enhanced glassmorphic theme package with dual-mode support, advanced glass effects, interactive UI components, and gesture-based interactions
37 lines (36 loc) • 1.36 kB
TypeScript
/**
* @fileoverview Tooltip component with glassmorphic styling
*/
import React from 'react';
import type { GlassIntensity } from '../../types/theme';
export interface TooltipProps {
/** Tooltip content */
content: React.ReactNode;
/** Tooltip placement */
placement?: 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
/** Glass effect intensity */
glassIntensity?: GlassIntensity;
/** Tooltip trigger mode */
trigger?: 'hover' | 'click' | 'focus' | 'manual';
/** Whether tooltip is open (controlled) */
open?: boolean;
/** Callback when open state changes */
onOpenChange?: (open: boolean) => void;
/** Tooltip delay in milliseconds */
delay?: number;
/** Whether tooltip is disabled */
disabled?: boolean;
/** Tooltip offset from trigger */
offset?: number;
/** Whether to show arrow */
showArrow?: boolean;
/** Maximum width of tooltip */
maxWidth?: number;
/** Tooltip z-index */
zIndex?: number;
/** Additional CSS class */
className?: string;
/** Children element that triggers tooltip */
children: React.ReactElement;
}
export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;