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

    Interface VideoTileIcons

    Customizable icons for VideoTile component. Replace default Material-UI icons with custom React components.

    import { FaMicrophoneSlash, FaVideoSlash, FaHand } from 'react-icons/fa';

    const customIcons: Partial<VideoTileIcons> = {
    micOff: <FaMicrophoneSlash />,
    videoOff: <FaVideoSlash />,
    handRaised: <FaHand />
    };

    <VideoTile icons={customIcons} />
    interface VideoTileIcons {
        fillVideo: ReactNode;
        fitVideo: ReactNode;
        fullscreen: ReactNode;
        fullscreenExit: ReactNode;
        handRaised: ReactNode;
        micOff: ReactNode;
        moodIcons: Record<MoodType, ReactNode>;
        speakerOff: ReactNode;
        videoOff: ReactNode;
    }
    Index

    Properties

    fillVideo: ReactNode

    Icon for fill video (cover) mode

    fitVideo: ReactNode

    Icon for fit video (contain) mode

    fullscreen: ReactNode

    Icon for entering fullscreen mode

    fullscreenExit: ReactNode

    Icon for exiting fullscreen mode

    handRaised: ReactNode

    Icon shown when participant has hand raised

    micOff: ReactNode

    Icon shown when microphone is muted

    moodIcons: Record<MoodType, ReactNode>

    Icons for each mood type displayed in the mood indicator

    speakerOff: ReactNode

    Icon shown when output (speaker) is muted by room owner

    videoOff: ReactNode

    Icon shown when video/camera is off