Skip to main content

<ui-textarea>

A multi-line text editor. Supports Tab for indentation; Enter inserts a newline.

<ui-textarea id="notes" placeholder="Enter notes..." rows="4" value=""></ui-textarea>
<ui-textarea id="live-notes" live="true" placeholder="Live notes..."></ui-textarea>

Attributes

AttributeRequiredDescription
idyesElement identifier
placeholdernoGhost text shown when empty
valuenoInitial content
rowsnoVisual row hint (default 4); override actual height via CSS height in your content's <style> block
liveno"true" to emit input-changed on every keystroke instead of only on focus loss. Defaults to "false"

Event

Emits input-changed on focus loss (default), or on every keystroke when live="true".