Light

pangenerator / tweakpane-textarea-plugin Goto Github PK

View Code? Open in Web Editor NEW

23.0 5.0 2.0 90 KB

Simple textarea plugin for Tweakpane

License: MIT License

JavaScript 37.41% TypeScript 43.83% SCSS 7.31% HTML 11.45%

plugin creative-coding gui tweakpane tweakpane-plugin tweaks

tweakpane-textarea-plugin's Introduction

Textarea plugin for Tweakpane

Simple textarea (multiline text input) plugin for Tweakpane.

Installation

NPM

npm i @pangenerator/tweakpane-textarea-plugin

Browser

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

Package

import {Pane} from 'tweakpane';
import * as TextareaPlugin from '@pangenerator/tweakpane-textarea-plugin';

const pane = new Pane();
pane.registerPlugin(TextareaPlugin);

Usage

const params = {
  prop: 'Put your\nmultiline\ntext here!'
};

pane.addBinding(params, 'prop', {
  view: 'textarea',
  rows: 6,
  placeholder: 'Type here...'
}).on('change', (ev) => {
  console.log(ev.value);
});

tweakpane-textarea-plugin's People

Contributors

Stargazers

Watchers

Forkers

wavef kitschpatrol

tweakpane-textarea-plugin's Issues

Document lineCount option

I noticed there is a lineCount option in the Config interface but it doesn't appear in the readme. As I said in my previous issue #1 I may open a PR later.

Make placeholder configurable

Hi, thanks for your contribution to tweakpane, this plugin is very useful.

I would like to specify another placeholder than Enter text here using an additional placeholder option. I may open a PR in the future but I don't have the time right now.

Remove an ignore .DS_Store files

I noticed there is a .DS_Store file from Mac OS file system in your git tree, it should be removed then added to .gitignore to avoid polluting the tree in further commits.

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.