writingboard

import { SlateWriter } from 'writingboard/writingboard';

Screenshots

the component will be rendered inside a contained of some hieght.

<div style={{ height: '80vh' }}>
  <SlateWriter
  hideSettings={true}
    strokeColor='orange'
    eraserDimension={100}
    strokeThickness={3}
    slateColor='purple'
    eraserColor='white'
    floatingSettings={true}
  />
</div>

properties

Parameters	default value	supported values
strokeColor	Black	all colors
eraserDimension	40	1-100
strokeThickness	3	1-5
strokeThickness	3	1-5
slateColor	white	any color
eraserColor	black	any color
floatingSettings	false	true/false
hideSettings	false	true/false