https://github.com/polymerelements/iron-autogrow-textarea

Textarea that grows in height as more lines of input are entered
https://github.com/polymerelements/iron-autogrow-textarea

Last synced: about 1 year ago
JSON representation

Textarea that grows in height as more lines of input are entered

• Host: GitHub
• URL: https://github.com/polymerelements/iron-autogrow-textarea
• Owner: PolymerElements
• Created: 2015-04-24T19:38:59.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2023-10-16T14:02:55.000Z (over 2 years ago)
• Last Synced: 2024-05-09T10:09:30.028Z (about 2 years ago)
• Language: JavaScript
• Homepage: https://webcomponents.org/element/PolymerElements/iron-autogrow-textarea
• Size: 423 KB
• Stars: 19
• Watchers: 16
• Forks: 48
• Open Issues: 24
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

          


[![Published on NPM](https://img.shields.io/npm/v/@polymer/iron-autogrow-textarea.svg)](https://www.npmjs.com/package/@polymer/iron-autogrow-textarea)

[![Build status](https://travis-ci.org/PolymerElements/iron-autogrow-textarea.svg?branch=master)](https://travis-ci.org/PolymerElements/iron-autogrow-textarea)

[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://webcomponents.org/element/@polymer/iron-autogrow-textarea)

## <iron-autogrow-textarea>

`iron-autogrow-textarea` is an element containing a textarea that grows in height as more

lines of input are entered. Unless an explicit height or the `maxRows` property is set, it will

never scroll.

See: [Documentation](https://www.webcomponents.org/element/@polymer/iron-autogrow-textarea),

  [Demo](https://www.webcomponents.org/element/@polymer/iron-autogrow-textarea/demo/demo/index.html).

  ## Usage

  ### Installation

  ```

  npm install --save @polymer/iron-autogrow-textarea

  ```

  ### In an html file

  ```html

  

    

      

        import '@polymer/iron-autogrow-textarea/iron-autogrow-textarea.js';

      

    

    

      

    

  

  ```

  ### In a Polymer 3 element

  ```js

  import {PolymerElement, html} from '@polymer/polymer';

  import '@polymer/iron-autogrow-textarea/iron-autogrow-textarea.js';

  class SampleElement extends PolymerElement {

    static get template() {

      return html`

        

      `;

    }

  }

  customElements.define('sample-element', SampleElement);

  ```

  ## Contributing

  If you want to send a PR to this element, here are

  the instructions for running the tests and demo locally:

  ### Installation

  ```sh

  git clone https://github.com/PolymerElements/iron-autogrow-textarea

  cd iron-autogrow-textarea

  npm install

  npm install -g polymer-cli

  ```

  ### Running the demo locally

  ```sh

  polymer serve --npm

  open http://127.0.0.1:/demo/

  ```

  ### Running the tests

  ```sh

  polymer test --npm

  ```