Extended textareas
Styles and scripts for extended versions of the textarea element.
Features
- Auto-height: Get a
<textarea>to automatically set its height to fit its content. Implement by setting thedata-auto-heightattribute. - Header: Add a
<header>element to a textarea. Implement by adding the header just before the textarea element.
Configuration
- Javascript file: components/_extended-textareas.js
- Include the compiled javascript file in the Html:
<script src="/javascript/extended-textareas.min.js"></script>
Examples
Textarea auto-height:
Textarea with header:
Header
Textarea with header and grouped links:
Header
Textarea with header and auto-height: