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

    Interface DevicePreviewStyles

    Style configuration for the DevicePreview component.

    Controls spacing, sizing, and visual properties of the preview panel. The threshold values determine when the audio level indicator changes color.

    const compactStyles: Partial<DevicePreviewStyles> = {
      progressBarHeight: 6,
      paperElevation: 1,
      controlsPadding: 12,
      lowThreshold: 30,
      highThreshold: 60,
    };

    <DevicePreview styles={compactStyles} />
    interface DevicePreviewStyles {
        audioLevelPaddingX: number;
        audioLevelPaddingY: number;
        controlsPadding: number;
        highThreshold: number;
        lowThreshold: number;
        paperElevation: number;
        progressBarBorderRadius: number;
        progressBarHeight: number;
    }
    Index

    Properties

    audioLevelPaddingX audioLevelPaddingY controlsPadding highThreshold lowThreshold paperElevation progressBarBorderRadius progressBarHeight

    Properties

    audioLevelPaddingX: number

    Audio level section horizontal padding in pixels

    audioLevelPaddingY: number

    Audio level section vertical padding in pixels

    controlsPadding: number

    Controls section padding in pixels

    highThreshold: number

    Audio level threshold for high (above this shows red)

    lowThreshold: number

    Audio level threshold for low (below this shows green)

    paperElevation: number

    Paper elevation (shadow depth)

    progressBarBorderRadius: number

    Progress bar border radius in pixels

    progressBarHeight: number

    Progress bar height in pixels

    Settings

    Member Visibility

    On This Page

    Properties