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

    Interface LocalVideoTileStyles

    Customizable style values for LocalVideoTile component. Controls dimensions, spacing, and visual appearance.

    const customStyles: Partial<LocalVideoTileStyles> = {
      borderRadius: 12,
      controlButtonSize: 'medium',
      timerFontFamily: '"Roboto Mono", monospace',
      pulseAnimation: {
        duration: '2s',
        easing: 'ease-in-out'
      }
    };

    <LocalVideoTile styles={customStyles} />
    interface LocalVideoTileStyles {
        borderRadius: number;
        controlButtonSize: "small" | "medium" | "large";
        engagementDotBorderWidth: number;
        engagementDotSize: number;
        indicatorFontSize: string;
        indicatorIconSize: number;
        moodIndicatorBorderRadius: number;
        moodIndicatorFontSize: string;
        moodIndicatorIconSize: number;
        moodIndicatorPadding: { x: number; y: number };
        muteIndicatorIconSize: number;
        nameLabelFontSize: string;
        overlayGap: number;
        overlayPadding: number;
        pulseAnimation: VideoTileAnimationConfig;
        timerFontFamily: string;
    }
    Index

    Properties

    borderRadius controlButtonSize engagementDotBorderWidth engagementDotSize indicatorFontSize indicatorIconSize moodIndicatorBorderRadius moodIndicatorFontSize moodIndicatorIconSize moodIndicatorPadding muteIndicatorIconSize nameLabelFontSize overlayGap overlayPadding pulseAnimation timerFontFamily

    Properties

    borderRadius: number

    Corner radius of the tile in pixels

    controlButtonSize: "small" | "medium" | "large"

    Size of control buttons

    engagementDotBorderWidth: number

    Border width for engagement indicator dot

    engagementDotSize: number

    Size of the engagement indicator dot in pixels

    indicatorFontSize: string

    Font size for indicator text (recording/streaming labels)

    indicatorIconSize: number

    Size of recording indicator icon in pixels

    moodIndicatorBorderRadius: number

    Border radius of the mood indicator badge in pixels

    moodIndicatorFontSize: string

    Font size for mood indicator text

    moodIndicatorIconSize: number

    Size of mood indicator icon in pixels

    moodIndicatorPadding: { x: number; y: number }

    Padding for the mood indicator badge

    muteIndicatorIconSize: number

    Size of mute indicator icons in pixels

    nameLabelFontSize: string

    Font size for the name label

    overlayGap: number

    Gap between overlay elements in pixels

    overlayPadding: number

    Padding from tile edges to overlay elements in pixels

    pulseAnimation: VideoTileAnimationConfig

    Configuration for the pulsing animation on recording indicator

    timerFontFamily: string

    Font family for the duration timer (monospace recommended)

    Settings

    Member Visibility

    On This Page

    Properties