Textarea

Use <textarea> for longer free-form text. In Nuxt / PLAI use UTextarea.

Element	Source
Border, surface, placeholder, disabled	Nuxt UI zinc / UInput defaults
Focus border and ring	CI --ci-color-text-link
Error state	Nuxt UI semantic red

Live examples

Notes

Optional — visible to colleagues on this case.

Error and disabled

Summary

Summary is required.

Archived notes Locked after export.

HTML

<label class="ci-label" for="notes">Notes</label>
<textarea id="notes" class="ci-textarea" rows="4" placeholder="Add context…"></textarea>

Accessibility

• Set an explicit rows value so the control has a sensible default height before CSS loads.
• resize: vertical is applied in the pattern CSS — avoid disabling resize unless layout requires it.
• Same aria-invalid / aria-describedby pattern as text fields.

Related patterns

• Text field — single-line inputs
• Form layout — label, hint, and error composition