@neuctra/ui
Version:
A modern, responsive, customizable React UI component library powered by Tailwind CSS and Vite.
26 lines (25 loc) • 1.01 kB
TypeScript
import { default as React } from 'react';
export interface BreadcrumbItem {
label: React.ReactNode;
href?: string;
icon?: React.ReactNode;
/** SPA navigation hook — called instead of full page loads when provided. */
onClick?: (e: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
}
export interface BreadcrumbProps extends Omit<React.HTMLAttributes<HTMLElement>, "children"> {
items: BreadcrumbItem[];
separator?: React.ReactNode;
/** Collapse the middle into an ellipsis when there are more items than this. */
maxItems?: number;
size?: "sm" | "md";
/** 🔥 Full Customization */
listClassName?: string;
itemClassName?: string;
activeItemClassName?: string;
triggerClassName?: string;
iconClassName?: string;
labelClassName?: string;
separatorClassName?: string;
ellipsisClassName?: string;
}
export declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;