@buddhacognitivelab/theme-glassmorphic
Version:
Enhanced glassmorphic theme package with dual-mode support, advanced glass effects, interactive UI components, and gesture-based interactions
38 lines (37 loc) • 1.11 kB
TypeScript
/**
* @fileoverview Breadcrumb component with glassmorphic styling
*/
import React from 'react';
export interface BreadcrumbItem {
id: string;
label: string;
href?: string;
icon?: React.ReactNode;
disabled?: boolean;
current?: boolean;
}
export interface BreadcrumbProps {
/** Breadcrumb items */
items: BreadcrumbItem[];
/** Glass effect intensity */
glassIntensity?: 'light' | 'medium' | 'heavy';
/** Size variant */
size?: 'sm' | 'md' | 'lg';
/** Breadcrumb variant */
variant?: 'default' | 'minimal' | 'pills';
/** Custom separator */
separator?: React.ReactNode;
/** Maximum visible items before truncation */
maxItems?: number;
/** Whether to show home icon */
showHomeIcon?: boolean;
/** Custom home icon */
homeIcon?: React.ReactNode;
/** Item click handler */
onItemClick?: (item: BreadcrumbItem) => void;
/** Custom className */
className?: string;
/** Whether breadcrumb is collapsible on mobile */
collapsible?: boolean;
}
export declare const Breadcrumb: React.FC<BreadcrumbProps>;