diff --git a/public/fader.svg b/public/fader.svg new file mode 100644 index 0000000..dee7a82 --- /dev/null +++ b/public/fader.svg @@ -0,0 +1,65 @@ + + + + + +10 + 0 + -10 + -20 + -40 + + + + + + + + + diff --git a/src/components/Fader.css b/src/components/Fader.css new file mode 100644 index 0000000..d4d780f --- /dev/null +++ b/src/components/Fader.css @@ -0,0 +1,3 @@ +.fader { + background-image: url("fader.svg"); +} \ No newline at end of file diff --git a/src/components/Fader.tsx b/src/components/Fader.tsx index 992d454..b13afe1 100644 --- a/src/components/Fader.tsx +++ b/src/components/Fader.tsx @@ -1,4 +1,5 @@ import { useCallback, ChangeEvent, WheelEvent } from 'react' +import './Fader.css' export type FaderProps = { value: number,