Textarea

Hermano multilínea de OrbitTextField — mismo shell color.field.*, mismas reglas de foco/error. Crece con rows en vez de la escala de altura fija que usan los campos de una sola línea.

Uso

Web

<orbit-textarea
  label="Descripción"
  placeholder="Describí la pantalla..."
  rows="4"
></orbit-textarea>

Compose Multiplatform

var value by remember { mutableStateOf("") }
OrbitTextarea(
    value = value,
    onValueChange = { value = it },
    label = "Descripción",
    placeholder = "Describí la pantalla...",
    minLines = 4,
)

Estados

Web

<orbit-textarea placeholder="Enabled"></orbit-textarea>
<orbit-textarea placeholder="Disabled" disabled></orbit-textarea>
<orbit-textarea
  value="..."
  error-text="Máximo 500 caracteres."
></orbit-textarea>

Compose Multiplatform

OrbitTextarea(value = "", onValueChange = {})
OrbitTextarea(value = "", onValueChange = {}, enabled = false)
OrbitTextarea(
    value = "...",
    onValueChange = {},
    errorText = "Máximo 500 caracteres.",
)

Props

Prop	Tipo	Default	Descripción
value	string	—	Valor actual.
onValueChange / evento input	(string) => void	—	Se dispara en cada cambio.
placeholder	string?	null	Texto de placeholder.
label	string?	null	Label sobre el campo.
helperText / attr helper-text	string?	null	Texto de ayuda bajo el campo.
errorText / attr error-text	string?	null	Activa el estado de error, reemplaza al helper text.
enabled / attr disabled	boolean	true	Habilita/deshabilita el campo.
minLines (Kotlin) / attr rows (web)	number	3	Cantidad mínima de líneas visibles.
maxLines (Kotlin)	number	sin límite	Cantidad máxima de líneas antes de scrollear.