Getting Started with React

Install @tremolo-ui/react

1. Install tremolo-ui

npm

npm install @tremolo-ui/react

Yarn

yarn add @tremolo-ui/react

pnpm

pnpm add @tremolo-ui/react

2. Install dependecies

npm

npm install react react-dom @emotion/react

Yarn

yarn add react react-dom @emotion/react

pnpm

pnpm add react react-dom @emotion/react

First Step

Below is an example of a simple knob component.

Live Editor

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>
  )
}

Result

Loading...

Check out the look and feel in the storybook!

Storybook - React Knob