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 |