UNPKG

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
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;