Textarea plugin for Tweakpane

Simple textarea (multiline text input) plugin for Tweakpane.

Installation

NPM

npm i @pangenerator/tweakpane-textarea-plugin

Browser

1<script src="tweakpane.min.js"></script>
2<script src="tweakpane-textarea-plugin.min.js"></script>
3<script>
4  const pane = new Tweakpane.Pane();
5  pane.registerPlugin(TweakpaneTextareaPlugin);
6</script>

Package

1import {Pane} from 'tweakpane';
2import * as TextareaPlugin from '@pangenerator/tweakpane-textarea-plugin';
3
4const pane = new Pane();
5pane.registerPlugin(TextareaPlugin);

Usage

1const params = {
2  prop: 'Put your\nmultiline\ntext here!'
3};
4
5pane.addBinding(params, 'prop', {
6  view: 'textarea',
7  rows: 6,
8  placeholder: 'Type here...'
9}).on('change', (ev) => {
10  console.log(ev.value);
11});