@papernote/ui/dist/components/Timeline.d.ts

A modern React component library with a paper notebook aesthetic - minimal, professional, and expressive

import React from 'react';
export interface TimelineItem {
    id: string;
    title: string;
    description?: string;
    timestamp: Date | string;
    icon?: React.ReactNode;
    color?: 'primary' | 'success' | 'warning' | 'error' | 'accent' | 'ink';
    metadata?: Record<string, unknown>;
    content?: React.ReactNode;
}
export interface TimelineProps {
    /** Timeline items to display */
    items: TimelineItem[];
    /** Orientation of timeline */
    orientation?: 'vertical' | 'horizontal';
    /** Position of content relative to timeline */
    position?: 'left' | 'right' | 'alternate';
    /** Show connecting line between items */
    showLine?: boolean;
    /** Size of timeline dots/icons */
    dotSize?: 'sm' | 'md' | 'lg';
    /** Format timestamp display */
    formatTimestamp?: (timestamp: Date | string) => string;
    /** Callback when item is clicked */
    onItemClick?: (item: TimelineItem) => void;
    /** Custom class name */
    className?: string;
}
export default function Timeline({ items, orientation, position, showLine, dotSize, formatTimestamp, onItemClick, className, }: TimelineProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Timeline.d.ts.map