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

    Interface ParticipantListStyles

    Style configuration for the ParticipantList component.

    Controls spacing, sizing, and visual properties of the list.

    import { defaultParticipantListStyles } from '@hiyve/react-ui';

    // Compact styles for embedded use
    const compactStyles: Partial<ParticipantListStyles> = {
      avatarSize: 32,
      badgeIconSize: 12,
      statusIconSize: 10,
      headerPaddingX: 12,
      headerPaddingY: 8,
    };

    <ParticipantList styles={compactStyles} />
    interface ParticipantListStyles {
        avatarSize: number;
        badgeIconSize: number;
        borderRadius: number;
        controlIconSize: "small" | "medium" | "large";
        headerPaddingX: number;
        headerPaddingY: number;
        localUserFontWeight: number;
        normalUserFontWeight: number;
        speakingBorderWidth: number;
        statusIconSize: number;
    }
    Index

    Properties

    avatarSize badgeIconSize borderRadius controlIconSize headerPaddingX headerPaddingY localUserFontWeight normalUserFontWeight speakingBorderWidth statusIconSize

    Properties

    avatarSize: number

    Avatar size in pixels

    badgeIconSize: number

    Badge icon size (owner, hand raised, speaking) in pixels

    borderRadius: number

    Container border radius in pixels

    controlIconSize: "small" | "medium" | "large"

    Control button icon size preset

    headerPaddingX: number

    Header horizontal padding in pixels

    headerPaddingY: number

    Header vertical padding in pixels

    localUserFontWeight: number

    Font weight for local user name (typically bolder)

    normalUserFontWeight: number

    Font weight for other participant names

    speakingBorderWidth: number

    Speaking indicator border width in pixels

    statusIconSize: number

    Status icon size (mute indicators) in pixels

    Settings

    Member Visibility

    On This Page

    Properties