Git Product home page Git Product logo

jtextarea's Introduction

Json Texarea

Simple react textarea component which will parse and prettifies the input.

JTexarea

How to use

  1. copy JTexarea.js and JTexarea.module.css to your project directory (or where ever you desire)
  2. import the component
//replace the path below according to where you copied the component files
import JTexarea from "./JTexarea.js";
  1. use the component :)
import JTexarea from "./json-textarea/JTexarea";

function App() {
  //called when the input is successfully parsed to js object
  function onPass(object) {
    console.log("PASSED: ", object);
  }

  //called while there is an error
  function onError(value, error) {
    console.log(value, error);
  }

  return (
    <div className="container">
      //onPass prop is required
      <JTexarea onPass={onPass} onError={onError} />
    </div>
  );
}
export default App;

Props

name Des Optional
onPass called when the input is successfully parsed to js object no
onError called while there is an error yes
className use it to pass custom classes to component yes
row sets the row attribute on textarea yes
id sets the id attribute on textarea yes
name sets the name attribute on textarea yes
cols sets the cols attr attribute textarea yes

Feel free to use and fork this repo ๐Ÿ˜Š

jtextarea's People

Contributors

tasmetime avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

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

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

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

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.