aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
68 lines • 1.74 kB
TypeScript
import React from "react";
export interface BottomNavItem {
id: string;
label: string;
icon: React.ReactNode;
activeIcon?: React.ReactNode;
href?: string;
onClick?: () => void;
badge?: string | number;
badgeVariant?: "default" | "primary" | "secondary" | "success" | "warning" | "error";
disabled?: boolean;
}
export interface GlassBottomNavProps extends React.HTMLAttributes<HTMLDivElement> {
/**
* Navigation items
*/
items: BottomNavItem[];
/**
* Current active item ID
*/
activeId?: string;
/**
* Active item change handler
*/
onActiveChange?: (id: string) => void;
/**
* Bottom nav variant
*/
variant?: "default" | "floating" | "minimal";
/**
* Glass elevation
*/
elevation?: 0 | 1 | 2 | 3 | 4 | "float" | "modal";
/**
* Whether to show labels
*/
showLabels?: boolean;
/**
* Label position
*/
labelPosition?: "below" | "beside";
/**
* Navigation size
*/
size?: "sm" | "md" | "lg";
/**
* Whether navigation is sticky
*/
sticky?: boolean;
/**
* Safe area padding for devices with home indicator
*/
safeArea?: boolean;
/**
* Custom item renderer
*/
renderItem?: (item: BottomNavItem, active: boolean) => React.ReactNode;
/**
* Whether to respect motion preferences for animations
*/
respectMotionPreference?: boolean;
}
/**
* GlassBottomNav component
* Mobile bottom navigation with glassmorphism design
*/
export declare const GlassBottomNav: React.ForwardRefExoticComponent<GlassBottomNavProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=GlassBottomNav.d.ts.map