Brgndy-react-metronome NPM

brgndy-react-metronome

React Metronome Library Component

installing

npm install brgndy-react-metronome

Usage

Import components

import {
  MetronomeButton,
  Metronome,
  MetronomeProvider,
} from "brgndy-react-metronome";

export default function Component() {
  return (
    <MetronomeProvider>
      <Metronome />
      <MetronomeButton />
    </MetronomeProvider>
  );
}

Metronome Component Props

Name	Datatype	Default	Description
type	string	number	The style you want to apply BPM style. Can choose number or range
className	string	""	className you want to apply that component.
minBpm	number	1	number you want to apply minimum. default minimum is 1
maxBpm	number	300	number you want to apply maximum. default minimum is 300

Metronome Button Component Props

Name	Datatype	Default	Description
buttonTexts	string, string	"재생", "일시정지"	texts you want to insert. if the metronome is playing, component shows buttonTexts1. and if the metronome is not playing, component shows buttonTexts0
className	string	""	className you want to apply that component.

Author

brgndyy github

License

it's MIT License

metronome react-metronome react typescript

@everything-registry/sub-chunk-1263

1.0.1

5 months ago

1.0.0

5 months ago