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

    Interface VideoTileRenderProps

    Render props for advanced customization of VideoTile. Allows complete control over specific rendered elements.

    <VideoTile
    renderProps={{
    renderAvatar: (userId, displayName, color) => (
    <CustomAvatar
    userId={userId}
    name={displayName}
    backgroundColor={color}
    />
    ),
    renderOverlay: () => (
    <ReactionBubble reactions={participant.reactions} />
    )
    }}
    />
    interface VideoTileRenderProps {
        renderAvatar?: (
            userId: string,
            displayName: string,
            color: string,
        ) => ReactNode;
        renderOverlay?: () => ReactNode;
    }
    Index

    Properties

    renderAvatar?: (userId: string, displayName: string, color: string) => ReactNode

    Custom renderer for the avatar fallback shown when video is off.

    Type Declaration

      • (userId: string, displayName: string, color: string): ReactNode
      • Parameters

        • userId: string

          Unique identifier of the participant

        • displayName: string

          Display name or userId to show

        • color: string

          Generated color from the avatar palette

        Returns ReactNode

        Custom avatar React node

    renderOverlay?: () => ReactNode

    Render additional overlay content on the tile. Useful for reactions, badges, or custom indicators.

    Type Declaration

      • (): ReactNode
      • Returns ReactNode

        Custom overlay React node