Variable defaultGainControlIcons`Const`

defaultGainControlIcons: GainControlIcons = ...

Default icons for the GainControl component.

Remarks

Uses Material-UI icons by default. The icon displayed changes based on the current volume level and mute state.

Example

import { FaVolumeMute, FaVolumeOff, FaVolumeDown, FaVolumeUp } from 'react-icons/fa';
import { GainControl } from '@hiyve/react-ui';

const icons = {
  volumeOff: <FaVolumeOff />,
  volumeMute: <FaVolumeMute />,
  volumeDown: <FaVolumeDown />,
  volumeUp: <FaVolumeUp />,
};

<GainControl icons={icons} onChange={handleChange} />