Textarea generator
Notes fields, descriptions and comment boxes rely on lightning-textarea. Set row count, padding and focus color so longer-form input still feels like part of the same form.
Your changes autosave in this browser, and the link above reproduces this exact configuration for anyone you send it to.
Live preview
Generated code
<template>
<lightning-textarea
label="Description"
placeholder="Add notes about this record…"
class="studio-textarea"
onchange={handleChange}
></lightning-textarea>
</template>Design tips for textareas
- Set enough default rows to show a full sentence or two without scrolling immediately.
- Keep textarea border radius consistent with adjacent single-line inputs in the same form.
- Avoid a hard character limit without a visible counter — it silently truncates what people type.