react-vertical-feed
Version:
A React component for creating vertical media feeds (videos) similar to TikTok or Instagram
26 lines (25 loc) • 1.04 kB
TypeScript
import React from 'react';
export interface VideoItem {
src: string;
id?: string;
metadata?: Record<string, unknown>;
controls?: boolean;
autoPlay?: boolean;
muted?: boolean;
playsInline?: boolean;
}
export 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;
}
export declare const VerticalFeed: ({ items, onEndReached, loadingComponent, errorComponent, className, style, onItemVisible, onItemHidden, onItemClick, threshold, scrollBehavior, renderItemOverlay, }: VerticalFeedProps) => import("react/jsx-runtime").JSX.Element;