aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
102 lines • 2.39 kB
TypeScript
import React from "react";
export interface TimelineItem {
/**
* Unique identifier for the timeline item
*/
id: string;
/**
* Primary title/content
*/
title: string;
/**
* Secondary description or subtitle
*/
subtitle?: string;
/**
* Timestamp or time label
*/
time?: string;
/**
* Optional icon to display
*/
icon?: React.ReactNode;
/**
* Additional metadata
*/
metadata?: Record<string, any>;
/**
* Custom styling for this item
*/
className?: string;
/**
* Whether this item is disabled
*/
disabled?: boolean;
/**
* Click handler for interactive timelines
*/
onClick?: () => void;
}
export interface GlassTimelineProps extends React.HTMLAttributes<HTMLDivElement> {
/**
* Timeline items to display
*/
items: TimelineItem[];
/**
* Timeline variant
*/
variant?: "default" | "bordered" | "compact";
/**
* Timeline size
*/
size?: "sm" | "md" | "lg";
/**
* Timeline orientation
*/
orientation?: "vertical" | "horizontal";
/**
* Whether to show connecting line
*/
showLine?: boolean;
/**
* Position of time labels
*/
timePosition?: "left" | "right" | "inline";
/**
* Custom connector line color
*/
lineColor?: string;
/**
* Custom dot color
*/
dotColor?: string;
/**
* ARIA label for the timeline
*/
"aria-label"?: string;
}
/**
* GlassTimeline component
* A timeline component with glassmorphism styling for displaying chronological events
*/
export declare const GlassTimeline: React.ForwardRefExoticComponent<GlassTimelineProps & React.RefAttributes<HTMLDivElement>>;
export default GlassTimeline;
/**
* TimelineItem utility component for building timeline structures
*/
export interface TimelineItemComponentProps extends React.HTMLAttributes<HTMLDivElement> {
/**
* Timeline item data
*/
item: TimelineItem;
/**
* Whether this is the last item
*/
isLast?: boolean;
/**
* Size variant
*/
size?: "sm" | "md" | "lg";
}
export declare const TimelineItemComponent: React.ForwardRefExoticComponent<TimelineItemComponentProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=GlassTimeline.d.ts.map