{"id":21012582,"url":"https://github.com/igeligel/react-in-out-textarea","last_synced_at":"2025-05-15T04:33:17.210Z","repository":{"id":38012970,"uuid":"295507550","full_name":"igeligel/react-in-out-textarea","owner":"igeligel","description":"A simple React.js User Interface Component that is like Google Translate with full TypeScript Support","archived":false,"fork":false,"pushed_at":"2024-04-10T21:40:19.000Z","size":2609,"stargazers_count":31,"open_issues_count":14,"forks_count":22,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-04-14T23:52:25.445Z","etag":null,"topics":["component","converter","converter-app","frontend","google-translate","hacktoberfest","hacktoberfest2021","library","react","storybook","textarea","typescript","ui","yarn"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/igeligel.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2020-09-14T18:43:12.000Z","updated_at":"2023-10-22T20:46:14.000Z","dependencies_parsed_at":"2024-03-29T09:38:01.494Z","dependency_job_id":null,"html_url":"https://github.com/igeligel/react-in-out-textarea","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/igeligel%2Freact-in-out-textarea","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/igeligel%2Freact-in-out-textarea/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/igeligel%2Freact-in-out-textarea/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/igeligel%2Freact-in-out-textarea/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/igeligel","download_url":"https://codeload.github.com/igeligel/react-in-out-textarea/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225327882,"owners_count":17457184,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["component","converter","converter-app","frontend","google-translate","hacktoberfest","hacktoberfest2021","library","react","storybook","textarea","typescript","ui","yarn"],"created_at":"2024-11-19T09:37:44.575Z","updated_at":"2024-11-19T09:37:45.186Z","avatar_url":"https://github.com/igeligel.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-in-out-textarea\n\n![](https://img.shields.io/github/license/igeligel/react-in-out-textarea) ![](https://img.shields.io/npm/v/react-in-out-textarea) ![](https://img.shields.io/github/workflow/status/igeligel/react-in-out-textarea/CI)\n\n\u003e A simple React.js component that is like Google Translate\n\n![](./docs/showcase.png)\n\n## Features\n\nreact-in-out-textarea is a highly customisable React component, for all of your input and output text needs.\n\nSome of the unique features this component offers include:\n\n- Textarea fields for input and output\n- Customisable input and output labels\n- Selection of input and output types\n- Dropdown to show all your labels when they won't fit on one line\n- Fully controllable\n- Ability to copy the output text to your clipboard\n- Minimalistic, visually pleasing style\n- Variable content length\n\n\n## Used by\n\n- [caseconverter.pro](https://caseconverter.pro/app)\n\n## Mentioned In\n\n- [Hacktoberfest and Open Sourcing a React.js Component](https://www.kevinpeters.net/hacktoberfest-and-open-sourcing-a-react-js-component)\n\n## Installation\n\n\u003cdetails\u003e\n  \u003csummary\u003eInstall via NPM\u003c/summary\u003e\n\n  ```bash\n  npm install --save react-in-out-textarea\n  # You might want to install react-tooltip if you activate the max length option\n  npm install --save react-tooltip\n  ```\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eInstall via yarn\u003c/summary\u003e\n\n  ```bash\n  yarn add react-in-out-textarea\n  # You might want to install react-tooltip if you activate the max length option\n  yarn add react-tooltip\n  ```\n\u003c/details\u003e\n\n## Props\n\n| Name  | Type | Required |  Description |\n| --- | --- | --- | --- |\n| inValue  | string  | ✔️ | The value that is shown on the left-handed side. |\n| outValue  | string  | ✔️ | The value that is shown on the right-handed side. |\n| inOptions | array | ✔️ | An array of options filled with names marked true or false |\n| onInInput | function | ✔️ | Called to listen to when the text on the left-hand side changes | ✔️ |\n| onInOptionsUpdate | function | ✔️ | Updated with new options as the parameter when inOptions language clicked |\n| outOptions | array | ✔️ | An array of options filled with names marked true or false and an activeClicked boolean |\n| onOutOptionsUpdate | function | ✔️ | Updated with new options as the parameter when outOptions language clicked |\n| maxContentLength | number | ❌  | Value that defines the maximum number of characters allowed in the text area. |\n| maxContentLengthIndicator | Object | ❌ | An Object describing how the length indicator is shown. |\n| onCopy | function | ❌ | A function that is called when you have copied the content of `InOutTextarea`. |\n| autoCloseMenuOnOptionSelection | boolean | ❌ | Boolean that defines whether an option menu should self-close after selection. |\n\n## Usage\n\n\u003cdetails\u003e\n \u003csummary\u003eReact + TypeScript\u003c/summary\u003e\n\n[CodeSandbox Example](https://codesandbox.io/s/react-in-out-textarea-typescript-react-egi57?file=/src/ExampleComponent.tsx)\n\nCode Example:\n\n```tsx\nimport React, { useState } from 'react';\nimport { InOutTextarea, InOptions, OutOptions } from 'react-in-out-textarea';\n\nexport const ExampleComponent = () =\u003e {\n  const [inValue, setInValue] = useState\u003cstring\u003e('');\n  const [outValue, setOutValue] = useState\u003cstring\u003e('');\n  const [inOptions, setInOptions] = useState\u003cInOptions\u003e([\n    {\n      name: 'English',\n      active: true,\n    },\n    {\n      name: 'German',\n      active: false,\n    },\n  ]);\n  const [outOptions, setOutOptions] = useState\u003cOutOptions\u003e([\n    {\n      name: 'Chinese',\n      active: true,\n      activeClicked: false,\n    },\n  ]);\n\n  return (\n    \u003cInOutTextarea\n      inValue={inValue}\n      outValue={outValue}\n      onInInput={(newValue) =\u003e {\n        setInValue(newValue);\n        setOutValue(newValue);\n      }}\n      inOptions={inOptions}\n      onInOptionsUpdate={(newInOptions) =\u003e {\n        setInOptions(newInOptions);\n      }}\n      outOptions={outOptions}\n      onOutOptionsUpdate={(newOutOptions) =\u003e {\n        setOutOptions(newOutOptions);\n      }}\n    /\u003e\n  );\n};\n```\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eReact + Javascript\u003c/summary\u003e\n\n  [CodeSandbox Example](https://codesandbox.io/s/react-in-out-textarea-javascript-react-kcl37?file=/src/ExampleComponent.js)\n\n  Code Example:\n\n  ```js\n  import React, { useState } from \"react\";\n  import { InOutTextarea } from \"react-in-out-textarea\";\n\n  export const ExampleComponent = () =\u003e {\n    const [inValue, setInValue] = useState(\"\");\n    const [outValue, setOutValue] = useState(\"\");\n    const [inOptions, setInOptions] = useState([\n      {\n        name: \"English\",\n        active: true\n      },\n      {\n        name: \"German\",\n        active: false\n      }\n    ]);\n    const [outOptions, setOutOptions] = useState([\n      {\n        name: \"Chinese\",\n        active: true,\n        activeClicked: false\n      }\n    ]);\n\n    return (\n      \u003cInOutTextarea\n        inValue={inValue}\n        outValue={outValue}\n        onInInput={(newValue) =\u003e {\n          setInValue(newValue);\n          setOutValue(newValue);\n        }}\n        inOptions={inOptions}\n        onInOptionsUpdate={(newInOptions) =\u003e {\n          setInOptions(newInOptions);\n        }}\n        outOptions={outOptions}\n        onOutOptionsUpdate={(newOutOptions) =\u003e {\n          setOutOptions(newOutOptions);\n        }}\n      /\u003e\n    );\n  };\n  ```\n\u003c/details\u003e\n\n\n## Development\n\nTo start developing you need the following tools installed:\n\n- Node.js version 12 - [Download](https://nodejs.org/en/download/)\n- yarn - [Download](https://classic.yarnpkg.com/en/docs/install/#mac-stable)\n\nAfter installing all the tools, you can install all dependencies by using in your terminal\n\n```bash\nyarn\n```\n\nAfter that just type:\n\n```bash\nyarn storybook\n```\n\nAnd open http://localhost:6006/. That should give you the storybook preview.\n\n## Storybook\n\n\u003e Storybook is an open source tool for developing UI components in isolation for React, Vue, Angular, and more. It makes building stunning UIs organized and efficient.\n\n[Storybook](https://storybook.js.org/) is a tool used here for easy development of components for the web. Since this project uses React.js, the decision for storybook was kind of easy. It makes the development workflow seamless.\n\nOur stories are saved under the [`./stories`](./stories) directory. Feel free to have a look.\n\n## License\n\nThe code is licensed under [MIT](./LICENSE).\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://www.kevinpeters.net/about/\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/12736734?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eKevin Peters\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#business-igeligel\" title=\"Business development\"\u003e💼\u003c/a\u003e \u003ca href=\"https://github.com/igeligel/react-in-out-textarea/commits?author=igeligel\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#design-igeligel\" title=\"Design\"\u003e🎨\u003c/a\u003e \u003ca href=\"#infra-igeligel\" title=\"Infrastructure (Hosting, Build-Tools, etc)\"\u003e🚇\u003c/a\u003e \u003ca href=\"#maintenance-igeligel\" title=\"Maintenance\"\u003e🚧\u003c/a\u003e \u003ca href=\"#question-igeligel\" title=\"Answering Questions\"\u003e💬\u003c/a\u003e \u003ca href=\"https://github.com/igeligel/react-in-out-textarea/pulls?q=is%3Apr+reviewed-by%3Aigeligel\" title=\"Reviewed Pull Requests\"\u003e👀\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://codepen.io/SheWolf/\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/11381749?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAmber\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/igeligel/react-in-out-textarea/commits?author=SheW0lf\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://katieannabelle.dev\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/50029859?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eKatie\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/igeligel/react-in-out-textarea/commits?author=katieraby\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/hambali999\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/61378823?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003echorongbali\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/igeligel/react-in-out-textarea/commits?author=hambali999\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://devcer.github.io/\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/3799600?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eSantosh Viswanatham\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/igeligel/react-in-out-textarea/commits?author=devcer\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#infra-devcer\" title=\"Infrastructure (Hosting, Build-Tools, etc)\"\u003e🚇\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/xen0m29\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/44066914?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003exen0m29\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/igeligel/react-in-out-textarea/commits?author=xen0m29\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/merelj\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/3993495?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003emerelj\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/igeligel/react-in-out-textarea/commits?author=merelj\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/Silver292\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/5542588?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eTom Scott\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/igeligel/react-in-out-textarea/commits?author=Silver292\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/igeligel/react-in-out-textarea/commits?author=Silver292\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/aman601\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/22266039?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eaman601\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/igeligel/react-in-out-textarea/commits?author=aman601\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/dasshield\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/29631512?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003edasshield\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/igeligel/react-in-out-textarea/commits?author=dasshield\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/av-dx\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/56360160?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAashwin Vaish\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/igeligel/react-in-out-textarea/commits?author=av-dx\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://silltho.github.io/\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/5812228?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eThomas Siller\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/igeligel/react-in-out-textarea/commits?author=silltho\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://ggolubic.github.io/\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/25390319?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eGabrijel Golubić\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/igeligel/react-in-out-textarea/commits?author=ggolubic\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/Tshamp7\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/54377075?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eTom Shamp\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/igeligel/react-in-out-textarea/commits?author=Tshamp7\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/binkpitch\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/20456165?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eBink\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/igeligel/react-in-out-textarea/commits?author=binkpitch\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/GabrielFalcom\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/33941931?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eGabriel Paixão\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/igeligel/react-in-out-textarea/commits?author=GabrielFalcom\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/rohitgeddam\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/48797475?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003erohitgeddam\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#tool-rohitgeddam\" title=\"Tools\"\u003e🔧\u003c/a\u003e \u003ca href=\"https://github.com/igeligel/react-in-out-textarea/commits?author=rohitgeddam\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://emalsha.wordpress.com\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/7451018?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eG.H.B.Emalsha Rasad\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#tool-Emalsha\" title=\"Tools\"\u003e🔧\u003c/a\u003e \u003ca href=\"https://github.com/igeligel/react-in-out-textarea/commits?author=Emalsha\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://emmadawson.dev\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/57045550?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eEmma Dawson\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/igeligel/react-in-out-textarea/commits?author=emmalearnscode\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://wsameer.github.io/v1/\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/8468992?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eSameer Waskar\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/igeligel/react-in-out-textarea/commits?author=wsameer\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c!-- markdownlint-restore --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Figeligel%2Freact-in-out-textarea","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Figeligel%2Freact-in-out-textarea","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Figeligel%2Freact-in-out-textarea/lists"}