<custom-textarea>

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
require('@lemmon/custom-textarea')

or


                    
// 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


                    
                  

Example


                    
<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;
}