UNPKG

@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
/** * @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>>;