Read-only Textarea for React

Yes. Selecting, copying and scrolling work as in any Textarea; only typing, pasting and cutting are blocked. That makes it a good fit for values people copy elsewhere, such as a key or a generated snippet.

Yes. It stays in the tab order and shows the Textarea's focus ring, so keyboard users can reach it and screen readers can read it line by line. That's the main reason to prefer it over disabled for content people need to read.

Yes, unlike disabled ones: a read-only Textarea with a name submits its value. Browsers skip constraint validation such as required on read-only fields, so check the value elsewhere if it matters.

By default it looks exactly like an editable Textarea. Add a class such as read-only:bg-muted to set it apart, and keep enough contrast that the text stays easy to read.

Use readOnly when the value matters: people need to read or copy it, or the form must submit it. Use disabled when the field doesn't apply right now, such as before a prerequisite is met, as in the Disabled Textarea example.

Nothing typed can change the text, so there's nothing to keep in sync: setting it once is enough. Bind the value instead only when it changes from outside, such as a log that streams in. React accepts value without onChange on a read-only field, with no warning.