react-vertical-feed/dist/index.d.ts

A React component for creating vertical media feeds (videos) similar to TikTok or Instagram

import * as react_jsx_runtime from 'react/jsx-runtime';
import React from 'react';

interface VideoItem {
    src: string;
    id?: string;
    metadata?: Record<string, unknown>;
    controls?: boolean;
    autoPlay?: boolean;
    muted?: boolean;
    playsInline?: boolean;
}
interface VerticalFeedProps {
    items: VideoItem[];
    onEndReached?: () => void;
    loadingComponent?: React.ReactNode;
    errorComponent?: React.ReactNode;
    className?: string;
    style?: React.CSSProperties;
    onItemVisible?: (item: VideoItem, index: number) => void;
    onItemHidden?: (item: VideoItem, index: number) => void;
    onItemClick?: (item: VideoItem, index: number) => void;
    threshold?: number;
    scrollBehavior?: ScrollBehavior;
    renderItemOverlay?: (item: VideoItem, index: number) => React.ReactNode;
}
declare const VerticalFeed: ({ items, onEndReached, loadingComponent, errorComponent, className, style, onItemVisible, onItemHidden, onItemClick, threshold, scrollBehavior, renderItemOverlay, }: VerticalFeedProps) => react_jsx_runtime.JSX.Element;

export { VerticalFeed };
export type { VerticalFeedProps, VideoItem };