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

    Interface ControlBarIcons

    Custom icons for the ControlBar component.

    All icons in the ControlBar can be replaced with custom React nodes. This allows using different icon libraries or custom SVGs.

    import { FaMicrophone, FaMicrophoneSlash } from 'react-icons/fa';
    import { defaultIcons } from '@hiyve/react-ui';

    const customIcons: Partial<ControlBarIcons> = {
      micOn: <FaMicrophone />,
      micOff: <FaMicrophoneSlash />,
    };

    <ControlBar icons={customIcons} />
    interface ControlBarIcons {
        check: ReactNode;
        compose: ReactNode;
        deviceSettings: ReactNode;
        emotion: ReactNode;
        handLower: ReactNode;
        handRaise: ReactNode;
        intelligence: ReactNode;
        layoutGrid: ReactNode;
        layoutSidebar: ReactNode;
        layoutSpeaker: ReactNode;
        leave: ReactNode;
        liveStream: ReactNode;
        micOff: ReactNode;
        micOn: ReactNode;
        mood: ReactNode;
        record: ReactNode;
        recordingMenu: ReactNode;
        screenShareOff: ReactNode;
        screenShareOn: ReactNode;
        settings: ReactNode;
        sidebarToggle: ReactNode;
        speaker: ReactNode;
        stop: ReactNode;
        stopStream: ReactNode;
        summary: ReactNode;
        transcribe: ReactNode;
        videoOff: ReactNode;
        videoOn: ReactNode;
        videoRecord: ReactNode;
    }
    Index

    Properties

    check compose deviceSettings emotion handLower handRaise intelligence layoutGrid layoutSidebar layoutSpeaker leave liveStream micOff micOn mood record recordingMenu screenShareOff screenShareOn settings sidebarToggle speaker stop stopStream summary transcribe videoOff videoOn videoRecord

    Properties

    check: ReactNode

    Checkmark icon for selected items

    compose: ReactNode

    Video composition icon

    deviceSettings: ReactNode

    Device settings dialog icon (used for "Device Settings..." menu item)

    emotion: ReactNode

    Emotion analysis icon

    handLower: ReactNode

    Hand lower icon (hand down)

    handRaise: ReactNode

    Hand raise icon (hand up)

    intelligence: ReactNode

    Intelligence/AI icon

    layoutGrid: ReactNode

    Icon for grid layout

    layoutSidebar: ReactNode

    Icon for sidebar layout

    layoutSpeaker: ReactNode

    Icon for speaker layout

    leave: ReactNode

    Leave/hang up icon

    liveStream: ReactNode

    Live streaming icon

    micOff: ReactNode

    Microphone icon when audio is muted

    micOn: ReactNode

    Microphone icon when audio is unmuted

    mood: ReactNode

    Mood analysis icon (same as emotion, but for the mood button)

    record: ReactNode

    Recording indicator icon (usually a red dot)

    recordingMenu: ReactNode

    Unified recording menu button icon

    screenShareOff: ReactNode

    Screen share icon when sharing

    screenShareOn: ReactNode

    Screen share icon when not sharing

    settings: ReactNode

    Settings/gear icon

    sidebarToggle: ReactNode

    Sidebar toggle icon

    speaker: ReactNode

    Speaker/audio output icon

    stop: ReactNode

    Stop icon for stopping recording

    stopStream: ReactNode

    Stop streaming icon

    summary: ReactNode

    AI summary icon

    transcribe: ReactNode

    Transcription icon

    videoOff: ReactNode

    Camera icon when video is off

    videoOn: ReactNode

    Camera icon when video is on

    videoRecord: ReactNode

    Camera/video recording icon

    Settings

    Member Visibility

    On This Page

    Properties