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

    Interface LocalVideoTileIcons

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

    import { FlipCameraIos, Fullscreen, FiberManualRecord } from '@mui/icons-material';

    const customIcons: Partial<LocalVideoTileIcons> = {
      flip: <FlipCameraIos />,
      fullscreen: <Fullscreen />,
      record: <FiberManualRecord />
    };

    <LocalVideoTile icons={customIcons} />
    interface LocalVideoTileIcons {
        fillVideo: ReactNode;
        fitVideo: ReactNode;
        flip: ReactNode;
        fullscreen: ReactNode;
        fullscreenExit: ReactNode;
        handRaised: ReactNode;
        hideSelf: ReactNode;
        micOff: ReactNode;
        micOn: ReactNode;
        moodIcons: Record<MoodType, ReactNode>;
        moreOptions: ReactNode;
        record: ReactNode;
        showSelf: ReactNode;
        speakerOff: ReactNode;
        videoOff: ReactNode;
        videoOn: ReactNode;
    }
    Index

    Properties

    fillVideo fitVideo flip fullscreen fullscreenExit handRaised hideSelf micOff micOn moodIcons moreOptions record showSelf speakerOff videoOff videoOn

    Properties

    fillVideo: ReactNode

    Icon for fill video mode

    fitVideo: ReactNode

    Icon for fit video mode

    flip: ReactNode

    Icon for the flip/mirror video button

    fullscreen: ReactNode

    Icon for entering fullscreen mode

    fullscreenExit: ReactNode

    Icon for exiting fullscreen mode

    handRaised: ReactNode

    Icon shown when hand is raised

    hideSelf: ReactNode

    Icon for the hide-self menu item (tile currently visible).

    micOff: ReactNode

    Icon shown when microphone is muted

    micOn: ReactNode

    Icon shown when microphone is on (used by the mute-audio menu item)

    moodIcons: Record<MoodType, ReactNode>

    Icons for each mood type displayed in the mood indicator

    moreOptions: ReactNode

    Icon for the overflow control-menu trigger when controlsLayout === 'menu'.

    record: ReactNode

    Icon for recording/streaming indicator

    showSelf: ReactNode

    Icon for the show-self menu item (tile currently hidden).

    speakerOff: ReactNode

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

    videoOff: ReactNode

    Icon shown when video/camera is off

    videoOn: ReactNode

    Icon shown when video/camera is on (used by the mute-video menu item)

    Settings

    Member Visibility

    On This Page

    Properties