Install @tremolo-ui/react

1. Install tremolo-ui

npm install @tremolo-ui/react

2. Install dependecies

npm install react react-dom @emotion/react

First Step

Below is an example of a simple knob component.

ライブエディター

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

  return (
    <div>
      <Knob
        value={value}
        min={0}
        max={100}
        size={50}
        onChange={(v) => setValue(v)}
      />
      <p>value: {value}</p>
    </div>
  )
}

結果

Loading...

Check out the look and feel in the storybook!

Storybook - React Knob