Textarea

Textareas are input blocks that enable users to write in textual information. These blocks are used throughout the Funkwhale interface for entering item descriptions, moderation notes, and custom notifications.

TIP

Funkwhale supports Markdown syntax in textarea blocks.

Prop	Data type	Required?	Description
max	Number	No	The maximum number of characters a user can enter in the textarea.
placeholder	String	No	The placeholder text shown on an empty textarea.
v-model:value	String	Yes	The text entered into the textarea.

Textarea model

Create a textarea and attach its input to a value using a v-model directive.

<fw-textarea
  v-model="text"
/>

Textarea max length

You can set the maximum length (in characters) that a user can enter in a textarea by passing a max prop.

<fw-textarea
  v-model="text"
  :max="20"
/>

Textarea placeholder

Add a placeholder to a textarea to guide users on what they should enter by passing a placeholder prop.

<fw-textarea
  v-model="text"
  placeholder="Describe this track here…"
/>