Use textarea for notes, descriptions, and other long-form input.

Usage

<div class="of-field">
  <label class="of-label" for="engagement-notes">Engagement notes</label>
  <textarea class="of-textarea" id="engagement-notes" rows="4" placeholder="Add context for the team..."></textarea>
</div>

Example

Accessibility

• Always include a visible label.
• Provide helper text when input expectations are not obvious.