x
1
2
3
4
5
6
<textarea rows="4"
placeholder=""
class="min-w-0 appearance-none border transition-colors placeholder:text-ink-faint focus:outline-none focus:ring-3 read-only:text-ink-muted disabled:cursor-not-allowed disabled:text-ink-faint text-ink bg-surface block w-full rounded-md text-sm font-sans border-line-strong hover:border-ink-faint focus:border-accent-line focus:ring-focus-ring read-only:border-line read-only:bg-surface-subtle read-only:hover:border-line disabled:border-line disabled:bg-surface-sunk px-2.5 py-1.5"
aria-label="body" name="body">one
two
three</textarea>
1
2
render InputComponent.new(multiline: true, rows: 4, value: "one\ntwo\nthree", name: "body",
aria: { label: "body" })