Drawer

A neumorphic drawing canvas component with adjustable size and colour.

TSX
import { Drawer } from "looply-comp-lib";

Drawer

The Drawer component provides an interactive canvas for freehand drawing.

Usage

JSX
import { Drawer } from "looply-comp-lib";

<Drawer title="Doodle" size={600} colour="#000000ff" />

Props

PropTypeDescription
titlestringTitle displayed above the canvas
sizenumberCanvas width in pixels
colourstringStroke colour for drawing

Features

  • Container styled with neu-inset
  • Clear button uses neu-btn class
  • Customizable brush colour and canvas size

Demo

Doodle