Variable defaultGainControlStyles`Const`

defaultGainControlStyles: GainControlStyles = ...

Default styles for the GainControl component.

Remarks

Controls visual appearance and icon threshold behavior. The volume thresholds determine when the icon changes between different states.

Example

import { defaultGainControlStyles, GainControl } from '@hiyve/react-ui';

// Larger thumb, different icon thresholds
const styles = {
  ...defaultGainControlStyles,
  thumbSize: 20,
  lowVolumeThreshold: 25,
  mediumVolumeThreshold: 60,
};

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