aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
108 lines • 3.07 kB
TypeScript
import React from "react";
export interface GlassBreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
/**
* Breadcrumb separator
*/
separator?: React.ReactNode;
/**
* Breadcrumb items
*/
children: React.ReactNode;
/**
* Maximum items to show
*/
maxItems?: number;
/**
* Show ellipsis for collapsed items
*/
showEllipsis?: boolean;
/**
* Custom ellipsis component
*/
ellipsisComponent?: React.ReactNode;
/**
* Glass elevation
*/
elevation?: "level1" | "level2" | "level3" | "level4";
/**
* Size variant
*/
size?: "sm" | "md" | "lg";
/**
* Whether to respect motion preferences for animations
*/
respectMotionPreference?: boolean;
}
export interface GlassBreadcrumbItemProps extends React.HTMLAttributes<HTMLSpanElement> {
/**
* Whether this is the current page
*/
isCurrentPage?: boolean;
/**
* Item content
*/
children: React.ReactNode;
/**
* Whether to respect motion preferences for animations
*/
respectMotionPreference?: boolean;
}
export interface GlassBreadcrumbSeparatorProps extends React.HTMLAttributes<HTMLSpanElement> {
/**
* Custom separator content
*/
children?: React.ReactNode;
}
export interface GlassBreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
/**
* Link content
*/
children: React.ReactNode;
/**
* Link href
*/
href?: string;
/**
* Whether this is the current page
*/
isCurrentPage?: boolean;
/**
* Whether to respect motion preferences for animations
*/
respectMotionPreference?: boolean;
}
/**
* GlassBreadcrumb component
* A glassmorphism breadcrumb navigation component
*/
export declare const GlassBreadcrumb: React.ForwardRefExoticComponent<GlassBreadcrumbProps & React.RefAttributes<HTMLElement>>;
/**
* GlassBreadcrumbItem component
* Individual breadcrumb item
*/
export declare const GlassBreadcrumbItem: React.ForwardRefExoticComponent<GlassBreadcrumbItemProps & React.RefAttributes<HTMLSpanElement>>;
/**
* GlassBreadcrumbSeparator component
* Separator between breadcrumb items
*/
export declare const GlassBreadcrumbSeparator: React.ForwardRefExoticComponent<GlassBreadcrumbSeparatorProps & React.RefAttributes<HTMLSpanElement>>;
/**
* GlassBreadcrumbLink component
* Clickable breadcrumb link
*/
export declare const GlassBreadcrumbLink: React.ForwardRefExoticComponent<GlassBreadcrumbLinkProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
/**
* Compound Breadcrumb component with built-in structure
*/
export interface GlassBreadcrumbCompoundProps extends Omit<GlassBreadcrumbProps, "children"> {
/**
* Breadcrumb items
*/
items: Array<{
label: string;
href?: string;
isCurrentPage?: boolean;
}>;
}
export declare const GlassBreadcrumbCompound: React.FC<GlassBreadcrumbCompoundProps>;
//# sourceMappingURL=GlassBreadcrumb.d.ts.map