funkwhale/front/ui-docs/components/ui/textarea.md

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…"
/>