How do I control whether a Textarea can be resized?

Use the resize prop, which accepts 'none', 'both', 'horizontal', or 'vertical'.

How do I react to changes in a Textarea?

Provide an onChange handler; it fires whenever the content of the textarea changes.

TextArea

Textarea permite al usuario introducir y editar texto de varias líneas.

Uso

<script>
	import { TextArea } from 'fluentui-svelte';
</script>

<TextArea placeholder="Type your message here..." />

API del componente

Una breve explicación de las props que realmente necesitan explicación. Puedes ver el resto de las props aquí.

Placeholder

La prop `placeholder` establece el texto de marcador de posición del textarea, proporcionando una pista a los usuarios sobre qué introducir.

View Code

Redimensionado

La prop `resize` controla si el usuario puede redimensionar el textarea. Puede establecerse en `none`, `both`, `horizontal` o `vertical`. Esto te permite controlar el comportamiento de redimensionado del textarea.

View Code

On Change

El evento `onChange` se activa cada vez que cambia el contenido del textarea. Puede utilizarse para reaccionar a la entrada del usuario en tiempo real, por ejemplo validando la entrada o actualizando otras partes de la interfaz.

View Code

Props del componente

Name	Type	Description
`placeholder`	`string`	El texto de marcador de posición del textarea.
`resize`	`string`	Controla el comportamiento de redimensionado del textarea. Valores posibles: `'none'`, `'both'`, `'horizontal'`, `'vertical'`.
`onChange`	`function`	Controlador del evento cuando cambia el contenido del textarea.
`element`		La referencia DOM del elemento textarea.
Element Attributes		Todos los demás atributos que pueden aplicarse al elemento textarea.