aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
39 lines • 1.43 kB
TypeScript
import React from "react";
export interface GlassCardLinkProps {
/** Icon to display in the card */
icon?: React.ReactNode;
/** Card title */
title: string;
/** Card description */
description: string;
/** URL to navigate to when clicked */
link: string;
/** Button text for the call to action */
buttonText?: string;
/** Additional class name */
className?: string;
/** Custom content to display in the card */
customPreview?: React.ReactNode;
/** Glass variant styling */
glassVariant?: "clear" | "frosted" | "tinted" | "luminous";
/** Click handler (optional - will use link navigation if not provided) */
onClick?: (e: React.MouseEvent) => void;
/** Optional children to render instead of default content */
children?: React.ReactNode;
/** Respect user's motion preferences */
respectMotionPreference?: boolean;
/** Custom ID */
id?: string;
/** Custom ARIA label */
"aria-label"?: string;
}
/**
* GlassCardLink Component
*
* An enhanced card with 3D transform effects and link functionality.
* Features physics-inspired animations and intuitive hover states.
* Modernized to use OptimizedGlass architecture.
*/
export declare const GlassCardLink: React.ForwardRefExoticComponent<GlassCardLinkProps & React.RefAttributes<HTMLAnchorElement>>;
export default GlassCardLink;
//# sourceMappingURL=GlassCardLink.d.ts.map