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..." />Forma
Usa shape: rounded (predeterminada) o square.
Placeholder
La prop placeholder establece el texto de marcador de posición del textarea, proporcionando una pista a los usuarios sobre qué introducir.
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.
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.
Propiedades del componente
| Name | Type | Default | Description |
|---|---|---|---|
shape | Exclude<Shapes, 'circular'> | 'rounded' | Forma de la superficie del campo, incluidos su borde y el indicador de foco. |
value bindable | string | '' | El valor actual del textarea. |
ref bindable | HTMLTextAreaElement | null | La referencia DOM del elemento textarea. | |
placeholder | string | El texto de marcador de posición del textarea. | |
resize | 'none' | 'both' | 'horizontal' | 'vertical' | 'vertical' | Configura el comportamiento de redimensionado del textarea. |
disabled | boolean | false | Deshabilita la interacción del usuario. |
wrapperAttributes | HTMLAttributes | Los atributos que se aplican al elemento wrapper. | |
wrapperRef bindable | HTMLDivElement | null | La referencia DOM del elemento contenedor. | |
SvelteHTMLElements['textarea'] |