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

    Interface ParticipantListIcons

    Custom icons for the ParticipantList component.

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

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

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

    <ParticipantList icons={customIcons} />
    interface ParticipantListIcons {
        dominant: ReactNode;
        handRaised: ReactNode;
        micOff: ReactNode;
        micOn: ReactNode;
        owner: ReactNode;
        person: ReactNode;
        remove: ReactNode;
        speakerOff: ReactNode;
        speakerOn: ReactNode;
        speaking: ReactNode;
        videoOff: ReactNode;
        videoOn: ReactNode;
    }
    Index

    Properties

    dominant handRaised micOff micOn owner person remove speakerOff speakerOn speaking videoOff videoOn

    Properties

    dominant: ReactNode

    Dominant speaker/featured icon (star or spotlight)

    handRaised: ReactNode

    Hand raised indicator icon

    micOff: ReactNode

    Microphone icon when audio is muted

    micOn: ReactNode

    Microphone icon when audio is on

    owner: ReactNode

    Room owner badge icon

    person: ReactNode

    Person/participant icon for header

    remove: ReactNode

    Remove participant button icon

    speakerOff: ReactNode

    Speaker/volume off icon (for output mute control)

    speakerOn: ReactNode

    Speaker/volume on icon (for output mute control)

    speaking: ReactNode

    Speaking indicator icon

    videoOff: ReactNode

    Camera icon when video is off

    videoOn: ReactNode

    Camera icon when video is on

    Settings

    Member Visibility

    On This Page

    Properties