signature pad react code example

Example: react signature pad

// If this helps, don't forget to upvote so others see this.

// install the following dependencies with npm in terminal for this to work.
// npm i react-signature-canvas
// npm i react-signature-pad   

import React, {useRef} from 'react';
import SignaturePad from 'react-signature-canvas';

export default function MySignaturePad () {

    let padRef = useRef({})

    function handleClear () {
        padRef.current.clear();
    }

    return (
        <div>
            <SignaturePad
            ref={padRef}
            backgroundColor='#F4F4F4'
            />
            <button 
                onClick={() => {handleClear()}}
            >
                Clear
            </button>
        </div>
    )
}