Draw takes a mouse, a pen or a finger. A pen's pressure sets the stroke width, and mouse and touch get a natural taper. Strokes are kept as points, so the drawing stays sharp when the pad resizes. Undo removes the last stroke.
Type is the keyboard path. The fonts load from Google Fonts the first time Type opens, and a system script face shows until they arrive. Pass fonts to use your own, each with a family, a label and an optional stylesheet href.
value, defaultValue, onValueChange. Controlled or uncontrolled. Setting the value to null clears the pad. A value with strokes and box restores a drawing.
mode, defaultMode, onModeChange."draw" or "type". modes limits the choice, and one mode hides the switch.
penColor, defaultPenColor, colors."auto" follows the text color on screen and exports as near black. Pass colors={[]} to hide the color choice.
penWidth. Stroke size in pixels. Defaults to 3.5.
height. Pad height in pixels. Defaults to 176.
background. Fills the exported PNG. Transparent by default.
name, required, disabled, aria-invalid. Form behavior and states.
fonts, placeholder. The Type mode fonts and the name input placeholder.
Clear and undo fade the strokes down and out on the motion scale, and play a sound when sounds are on. Screen readers hear when the pad is cleared or a stroke is undone.