Hiyve Components - v1.0.0
    Preparing search index...

    Interface ClipGridProps

    Props for ClipGrid.

    interface ClipGridProps {
        clips: ClipItem[];
        colors: ClipCompositionColors;
        editable: boolean;
        enableAudioPassthrough: boolean;
        enableDragReorder: boolean;
        enableMarkers?: boolean;
        enableRegions: boolean;
        icons: ClipCompositionIcons;
        isPlayingAll?: boolean;
        isRecorderActive?: boolean;
        labels: ClipCompositionLabels;
        markersUserId?: string;
        onClipEnded?: (clipId: string) => void;
        onClipPause?: (clipId: string) => void;
        onClipPlay?: (clipId: string) => void;
        onError?: (error: Error) => void;
        onMarkerAdd?: (clipId: string, marker: TimelineMarkerData) => void;
        onMarkerChange?: (clipId: string, marker: TimelineMarkerData) => void;
        onMarkerDelete?: (clipId: string, markerId: string) => void;
        onNameChange: (clipId: string, name: string) => void;
        onRegionChange?: (clipId: string, region: RegionData) => void;
        onRegionDelete?: (clipId: string, regionId: string) => void;
        onRemove: (clipId: string) => void;
        onReorder: (clips: ClipItem[]) => void;
        onVolumeChange?: (clipId: string, volume: number) => void;
        styles: ClipCompositionStyles;
    }
    Index

    Properties

    clips colors editable enableAudioPassthrough enableDragReorder enableMarkers? enableRegions icons isPlayingAll? isRecorderActive? labels markersUserId? onClipEnded? onClipPause? onClipPlay? onError? onMarkerAdd? onMarkerChange? onMarkerDelete? onNameChange onRegionChange? onRegionDelete? onRemove onReorder onVolumeChange? styles

    Properties

    clips: ClipItem[]
    colors: ClipCompositionColors
    editable: boolean
    enableAudioPassthrough: boolean
    enableDragReorder: boolean
    enableMarkers?: boolean

    Enable timeline markers/comments

    enableRegions: boolean
    icons: ClipCompositionIcons
    isPlayingAll?: boolean

    When true, all clips should start playback

    isRecorderActive?: boolean

    When true, the recorder panel is visible — hides the empty state

    labels: ClipCompositionLabels
    markersUserId?: string

    Current user ID for marker edit/delete permissions

    onClipEnded?: (clipId: string) => void
    onClipPause?: (clipId: string) => void
    onClipPlay?: (clipId: string) => void
    onError?: (error: Error) => void
    onMarkerAdd?: (clipId: string, marker: TimelineMarkerData) => void
    onMarkerChange?: (clipId: string, marker: TimelineMarkerData) => void
    onMarkerDelete?: (clipId: string, markerId: string) => void
    onNameChange: (clipId: string, name: string) => void
    onRegionChange?: (clipId: string, region: RegionData) => void
    onRegionDelete?: (clipId: string, regionId: string) => void
    onRemove: (clipId: string) => void
    onReorder: (clips: ClipItem[]) => void
    onVolumeChange?: (clipId: string, volume: number) => void
    styles: ClipCompositionStyles

    Settings

    Member Visibility

    On This Page

    Properties