@unicity/design-system
Version:
A comprehensive React component library built on Material-UI with advanced theming capabilities including neumorphism design support
56 lines • 1.36 kB
TypeScript
import React from 'react';
import { BreadcrumbsProps as MuiBreadcrumbsProps } from '@mui/material';
export interface BreadcrumbItem {
/**
* The text to display
*/
label: string;
/**
* URL to navigate to (if clickable)
*/
href?: string;
/**
* Click handler (alternative to href)
*/
onClick?: () => void;
/**
* Icon to display before the label
*/
icon?: React.ReactNode;
/**
* Whether this item is disabled
*/
disabled?: boolean;
}
export interface BreadcrumbsProps extends Omit<MuiBreadcrumbsProps, 'children'> {
/**
* Array of breadcrumb items
*/
items: BreadcrumbItem[];
/**
* Visual variant
*/
variant?: 'default' | 'outlined' | 'contained';
/**
* Separator icon/element
*/
separatorIcon?: 'chevron' | 'arrow' | 'slash' | React.ReactNode;
/**
* Whether to show home icon on first item
*/
showHomeIcon?: boolean;
/**
* Maximum number of items to show before collapsing
*/
maxItems?: number;
/**
* Whether to show items as chips instead of links
*/
chipVariant?: boolean;
/**
* Size of the breadcrumbs
*/
size?: 'small' | 'medium' | 'large';
}
export declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
//# sourceMappingURL=Breadcrumbs.d.ts.map