Interface RecordingControlsStyles

Style configuration for the RecordingControls component.

Remarks

Controls the visual spacing and sizing of the recording controls. Separate configurations are available for full and compact modes.

Example

const customStyles: Partial<RecordingControlsStyles> = {
  gap: 12,           // More space between elements in full mode
  compactGap: 6,     // More space in compact mode
  durationMinWidth: 60,  // Wider duration display
};

<RecordingControls styles={customStyles} onStartRecording={handleStart} onStopRecording={handleStop} />

interface RecordingControlsStyles {
    compactGap: number;
    durationMinWidth: number;
    gap: number;
}

Index

Properties

compactGap durationMinWidth gap

Properties

compactGap

compactGap: number

Gap between elements in compact mode (default: 4)

durationMinWidth

durationMinWidth: number

Minimum width for duration display (default: 45)

gap

gap: number

Gap between elements in full mode (default: 8)

Interface RecordingControlsStyles

Remarks

Example

Index

Properties

Properties

compactGap

durationMinWidth

gap

Settings

On This Page