@neuctra/ui/dist/types/components/basic/Timeline.d.ts

A modern, responsive, customizable React UI component library powered by Tailwind CSS and Vite.

import { default as React } from 'react';
export interface TimelineItem {
    title: React.ReactNode;
    description?: React.ReactNode;
    /** Timestamp or meta text shown next to the title. */
    time?: React.ReactNode;
    icon?: React.ReactNode;
    status?: "done" | "active" | "pending";
}
export interface TimelineProps extends Omit<React.HTMLAttributes<HTMLOListElement>, "children"> {
    items: TimelineItem[];
    size?: "sm" | "md";
    /** Each `<li>` row. */
    itemClassName?: string;
    /** The vertical connector line between dots. */
    connectorClassName?: string;
    /** The status dot/icon bubble. */
    dotClassName?: string;
    /** Wrapper around the title/time/description block. */
    contentClassName?: string;
    /** Item title. */
    titleClassName?: string;
    /** Timestamp/meta text next to the title. */
    timeClassName?: string;
    /** Item description. */
    descriptionClassName?: string;
}
export declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<HTMLOListElement>>;