Interface RecordingIndicatorStyles

Example

const customStyles: Partial<RecordingIndicatorStyles> = {
  borderRadius: 2,           // More rounded corners
  fontWeight: 700,           // Bolder text
  animationDuration: '1s',   // Faster pulse animation
  formatDuration: (seconds) => {
    // Custom format: always show hours
    const hrs = Math.floor(seconds / 3600);
    const mins = Math.floor((seconds % 3600) / 60);
    const secs = seconds % 60;
    return `${hrs}:${String(mins).padStart(2, '0')}:${String(secs).padStart(2, '0')}`;
  },
};

<RecordingIndicator isRecording={true} styles={customStyles} />
Copy