Installation

To install react-sketch-canvas, you can use npm or yarn.

npm

Installing dependencies…

npm install react-sketch-canvas

yarn

Installing dependencies…

yarn add react-sketch-canvas

pnpm

Installing dependencies…

pnpm add react-sketch-canvas

Quick Start

App.tsx

import { ReactSketchCanvas } from "react-sketch-canvas";

export default function App() {
  return (
    <div>
      <h1>Draw here!</h1>
      <ReactSketchCanvas
        width="100%"
        height="150px"
        canvasColor="transparent"
        strokeColor="#a855f7"
      />
    </div>
  );
}

Open Sandbox