Web Components custom-textarea element.

Getting Started

npm i @lemmon/custom-textarea

Use Inside Your Web App

// does register the component for you
// with `custom-textarea` tagname


// does not register the component
// useful when you want to extend the component
// or to chose a different tag name
const Textarea = require('@lemmon/custom-textarea/element')
class TextareaUpgraded extends Textarea {}
customElements.define('upgraded-textarea', TextareaUpgraded)

Use with a CDN



<custom-textarea name="text" placeholder="Write something here...">Hello World!</custom-textarea>

CSS Styling

custom-textarea {
--placeholder-color: inherit; /* default value */
--placeholder-opacity: .5; /* default value */
custom-textarea[disabled] {
opacity: .5;
cursor: not-allowed;