react-chrono-multicard/dist/models/TimelineHorizontalModel.d.ts

A Modern Timeline component for React with multiple card entries

import { ReactNode } from 'react';
import { ICardModel, TimelineEntryModel } from './TimelineItemModel';
import { TimelineMode } from './TimelineModel';
export interface TimelineHorizontalModel {
    autoScroll: (t: Partial<Scroll>) => void;
    cardDivider: JSX.Element;
    cardTemplate: (c: ICardModel) => JSX.Element;
    contentDetailsChildren?: ReactNode | ReactNode[];
    handleItemClick: (id?: string) => void;
    hasFocus?: boolean;
    iconChildren?: ReactNode;
    itemWidth?: number;
    items: TimelineEntryModel[];
    mode?: TimelineMode;
    onElapsed?: (id?: string) => void;
    slideShowRunning?: boolean;
    wrapperId: string;
}
export interface Scroll {
    /**
     * Height of the Timeline card content
     *
     * @type {number}
     * @memberof Scroll
     */
    contentHeight: number;
    /**
     * Offset of the Content card
     *
     * @type {number}
     * @memberof Scroll
     */
    contentOffset: number;
    /**
     * Offset of the timeline point
     *
     * @type {number}
     * @memberof Scroll
     */
    pointOffset: number;
    /**
     * Width of the timeline point
     *
     * @type {number}
     * @memberof Scroll
     */
    pointWidth: number;
    /**
     * Height of the timeline point
     *
     * @type {number}
     * @memberof Scroll
     */
    timelinePointHeight: number;
}