lightswind
Version:
A professionally designed animate react component library & templates market that brings together functionality, accessibility, and beautiful aesthetics for modern applications.
33 lines (32 loc) • 1.23 kB
TypeScript
import React from "react";
export interface DynamicNavigationProps {
/** Navigation links */
links: {
id: string;
label: string;
href: string;
icon?: React.ReactNode;
}[];
/** Color theme for the navigation */
theme?: "dark" | "light" | "primary" | "custom";
/** Background color (for custom theme) */
backgroundColor?: string;
/** Text color (for custom theme) */
textColor?: string;
/** Highlight color (for custom theme) */
highlightColor?: string;
/** Glow effect intensity (0-10) */
glowIntensity?: number;
/** CSS class name */
className?: string;
/** Whether to show labels on mobile */
showLabelsOnMobile?: boolean;
/** Callback when a link is clicked */
onLinkClick?: (id: string) => void;
/** Initially active link ID */
activeLink?: string;
/** Enable ripple effect on click */
enableRipple?: boolean;
}
export declare const DynamicNavigation: ({ links, theme, backgroundColor, textColor, highlightColor, glowIntensity, className, showLabelsOnMobile, onLinkClick, activeLink, enableRipple, }: DynamicNavigationProps) => import("react/jsx-runtime").JSX.Element;
export default DynamicNavigation;