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

    Interface RecordingIndicatorProps

    Props for the RecordingIndicator component.

    The RecordingIndicator component displays a visual indicator when recording is active. It features a pulsing red dot animation and optional duration display. The component returns null when not recording.

    <RecordingIndicator
      isRecording={isRecording}
      duration={recordingDuration}
      showDuration
      showPulse
      size="medium"
    />
    interface RecordingIndicatorProps {
        colors?: Partial<RecordingIndicatorColors>;
        duration?: number;
        isRecording: boolean;
        label?: string;
        showDuration?: boolean;
        showPulse?: boolean;
        size?: "small" | "medium" | "large";
        styles?: Partial<RecordingIndicatorStyles>;
        sx?: SxProps<Theme>;
    }
    Index

    Properties

    colors? duration? isRecording label? showDuration? showPulse? size? styles? sx?

    Properties

    colors?: Partial<RecordingIndicatorColors>

    Custom colors

    duration?: number

    Recording duration in seconds

    isRecording: boolean

    Whether recording is active

    label?: string

    Label text (default: 'REC')

    showDuration?: boolean

    Show the duration (default: true)

    showPulse?: boolean

    Show pulsing animation (default: true)

    size?: "small" | "medium" | "large"

    Size variant (default: 'medium')

    styles?: Partial<RecordingIndicatorStyles>

    Custom styles

    sx?: SxProps<Theme>

    MUI sx styling prop

    Settings

    Member Visibility

    On This Page

    Properties