j-Textarea

jComponent 20 · jcomponent@20 component Example loaded with jComponent 20

NEW supports hidden scrollbar

Configuration:

required {Boolean} (optional) enables "required" (default: false)
icon {String} (optional) icon for the label without ti- e.g. home, cog, etc.
label {String} (optional) label (default innerHTML)
autofocus {Boolean} (optional) focuses the input (default: false)
placeholder {String} (optional) adds a placeholder text into the input
maxlength {Number} (optional) sets a maximum length of chars
disabled {Boolean} (optional) disables this component
height {Number} (optional) a maximum height for the input
error {String} (optional) adds an error text under the input
monospace {Boolean} (optional) sets monospace font for the input (default: false)
readonly {Boolean} optional, default false
scrollbar {Boolean} optional, default true

Use it with <ui-component name="textarea">. When the component is not loaded yet, jComponent downloads it on first use from the address in DEF.fallback (the Componentator CDN by default). Author: Peter Širka. Source: the Componentator components repository, MIT license.

example.html

<div>
	<ui-component name="textarea" path="form.body" config="required:true;icon:pencil;scrollbar:false">Body</ui-component>
	<br />
	<ui-component name="textarea" path="form.note" config="placeholder:Internal note">Note</ui-component>
</div>

<script>
	var form = {};
	form.body = 'Hello';
	form.note = '';
</script>