AnimationKnob

Animatable rotary knob.

Source

Import

import { AnimationCanvas } from '@tremolo-ui/react'

Examples

Basic

Loading...

function App() {
  const [value, setValue] = useState(64)

  return (
    <div
      style={{
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center',
        flexDirection: 'column',
      }}
    >
      <AnimationKnob
        value={value}
        min={0}
        max={100}
        size={50}
        onChange={(v) => setValue(v)}
      />
      {value}
    </div>
  )
}

Colors

Loading...