All Projects → ohanhi → autoexpand

ohanhi / autoexpand

Licence: BSD-3-Clause license
Autoexpanding textarea in Elm

Programming Languages

elm
856 projects

Labels

Projects that are alternatives of or similar to autoexpand

react-native-text-area
Simple and easy to use TextArea for React Native.
Stars: ✭ 20 (+33.33%)
Mutual labels:  textarea
react-inputs-validation
A react component for form inputs validation. Online demo examples
Stars: ✭ 48 (+220%)
Mutual labels:  textarea
vanilla-caret-js
Set and get Caret position (contenteditable or TextArea) using Vanilla JavaScript
Stars: ✭ 31 (+106.67%)
Mutual labels:  textarea
ngx-textarea-autosize
Automatic height control of textarea to fit the content for Angular.
Stars: ✭ 31 (+106.67%)
Mutual labels:  textarea
rich input
Rich input box, implement @Someone and subject with color highlighting
Stars: ✭ 58 (+286.67%)
Mutual labels:  textarea
react-in-out-textarea
A simple React.js User Interface Component that is like Google Translate with full TypeScript Support
Stars: ✭ 28 (+86.67%)
Mutual labels:  textarea
react-textarea-code-editor
A simple code editor with syntax highlighting.
Stars: ✭ 247 (+1546.67%)
Mutual labels:  textarea
Friendly Code Editor
Try this Friendly Code Editor. You'll love it. I made it with a lot of effort. It has some great features. I will update it adequately later. Very helpful for developers. Enjoy and share.
Stars: ✭ 20 (+33.33%)
Mutual labels:  textarea

AutoExpand

Autoexpanding textarea in Elm.

This is a simple reusable view for those times when you want to show a small text box to begin with, but want the space to grow as the user types in more stuff.

For now, the box can only grow but not shrink back to a smaller size.

For packaging this, I took a lot of influence from the evancz/elm-sortable-table package. This means the same two general rules apply:

  • Always put AutoExpand.State in your model.
  • Never put AutoExpand.Config in your model.

Usage

Take a look at the example to get a good idea of how to use this.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].