Variable defaultRecordingControlsIcons`Const`

defaultRecordingControlsIcons: RecordingControlsIcons = ...

Default icons for the RecordingControls component.

Remarks

Uses Material-UI icons by default. All icons can be replaced with custom React nodes from any icon library.

Example

import { FaRecordVinyl, FaStop, FaCog, FaClosedCaptioning } from 'react-icons/fa';

const icons = {
  ...defaultRecordingControlsIcons,
  record: <FaRecordVinyl />,
  stop: <FaStop />,
  settings: <FaCog />,
  transcribe: <FaClosedCaptioning />,
};

<RecordingControls icons={icons} onStartRecording={handleStart} onStopRecording={handleStop} />