Textareas | Pear

PTextarea

PTextarea is the native textarea with Pear's field context, tooltips, and v-model.

Basic

NotesA few sentences is plenty.

vue

<p-field label="Notes" helper="A few sentences is plenty.">
  <p-textarea v-model="notes" name="notes" rows="4" />
</p-field>

States

Readonly notes

This note is read only.

Blocked notes

Required notesAdd a short note.

vue

<p-field label="Readonly notes">
  <p-textarea v-model="readonlyNotes" readonly />
</p-field>

<p-field label="Blocked notes" disabled>
  <p-textarea v-model="blockedNotes" />
</p-field>

<p-field label="Required notes" error="Add a short note.">
  <p-textarea v-model="problemNotes" />
</p-field>

API

PTextarea Props

Name	Type	Default	Description
`v-model`	`string`	-	Textarea value.
`disabled`	`boolean`	false	Disables the textarea. Inherits from PField when present.
`readonly`	`boolean`	false	Marks the textarea read only.
`invalid`	`boolean`	false	Sets aria-invalid. Inherits from PField when present.
`tooltip`	`string`	-	Optional Pico tooltip content.
`tooltipPlacement`	`PTooltipPlacement`	-	Optional Pico tooltip placement.