A toggleable Play/Pause button component with customizable background and icon sizes.
This component renders an IconButton with a Play or Pause icon, depending on the isPlaying prop.
isPlaying
<PlayPauseButton isPlaying={true} bgColor="primary" iconContainerSize={40} pauseIconSize={24} playButtonSize={24} onClick={handlePlayPause}/> Copy
<PlayPauseButton isPlaying={true} bgColor="primary" iconContainerSize={40} pauseIconSize={24} playButtonSize={24} onClick={handlePlayPause}/>
The props for the PlayPauseButton component.
A styled IconButton with a Play or Pause icon.
A toggleable Play/Pause button component with customizable background and icon sizes.
Remarks
This component renders an IconButton with a Play or Pause icon, depending on the
isPlayingprop.Example