aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
81 lines • 1.94 kB
TypeScript
import React from "react";
export interface MobileNavItem {
id: string;
label: string;
icon: React.ReactNode;
href?: string;
onClick?: () => void;
badge?: string | number;
badgeVariant?: "default" | "primary" | "secondary" | "success" | "warning" | "error";
disabled?: boolean;
children?: MobileNavItem[];
}
export interface MobileNavSection {
id: string;
label?: string;
items: MobileNavItem[];
}
export interface GlassMobileNavProps extends React.HTMLAttributes<HTMLDivElement> {
/**
* Whether mobile nav is open
*/
open?: boolean;
/**
* Open state change handler
*/
onOpenChange?: (open: boolean) => void;
/**
* Navigation variant
*/
variant?: "overlay" | "push" | "slide";
/**
* Navigation position
*/
position?: "left" | "right" | "top" | "bottom";
/**
* Glass elevation
*/
elevation?: 0 | 1 | 2 | 3 | 4 | "float" | "modal";
/**
* Logo/brand component
*/
logo?: React.ReactNode;
/**
* Navigation title
*/
title?: string;
/**
* Navigation sections
*/
navigation?: MobileNavSection[];
/**
* Current active path
*/
activePath?: string;
/**
* Path matcher function
*/
isActive?: (href: string, activePath: string) => boolean;
/**
* Footer content
*/
footer?: React.ReactNode;
/**
* Close on item click
*/
closeOnClick?: boolean;
/**
* Show backdrop
*/
showBackdrop?: boolean;
/**
* Custom item renderer
*/
renderItem?: (item: MobileNavItem, level: number) => React.ReactNode;
}
/**
* GlassMobileNav component
* Mobile-first navigation with glassmorphism design
*/
export declare const GlassMobileNav: React.ForwardRefExoticComponent<GlassMobileNavProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=GlassMobileNav.d.ts.map