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? renderOverlay?

    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

    Settings

    Member Visibility

    On This Page

    Properties