Files
fn_registry/frontend/functions/ui/textarea.md
T
egutierrez 5f4f1f7508 docs: params/output semántico en 506 funciones para composabilidad
Añade campos params y output al frontmatter YAML de las 506 funciones del registry.
Cada parámetro tiene descripción semántica (qué representa, unidades, rango típico)
y cada función describe qué produce su output. Permite a agentes razonar sobre
cadenas de composición (ej: prices → log_return → sharpe_ratio) sin leer código.
2026-04-05 18:45:16 +02:00

1.8 KiB

name, kind, lang, domain, version, purity, signature, description, tags, uses_functions, uses_types, returns, returns_optional, error_type, imports, output, tested, tests, test_file_path, file_path, props, emits, has_state, framework, variant
name kind lang domain version purity signature description tags uses_functions uses_types returns returns_optional error_type imports output tested tests test_file_path file_path props emits has_state framework variant
textarea component ts ui 1.0.0 impure Textarea(props: TextareaProps): JSX.Element Input multilinea accesible con auto-resize opcional. Patron identico a Input para consistencia de estilos.
textarea
component
ui
interactive
form
cn_ts_core
false
Componente Textarea que renderiza input multilinea accesible con auto-resize opcional false
frontend/functions/ui/textarea.tsx
name type required description
autoResize boolean false Ajusta la altura automaticamente al contenido (default: false)
name type required description
placeholder string false Texto placeholder
name type required description
disabled boolean false Deshabilita el textarea
name type required description
rows number false Numero de filas visibles iniciales
name type required description
className string false Clases CSS adicionales
onChange
onFocus
onBlur
true react

Ejemplo

// Basico
<Textarea placeholder="Escribe aqui..." rows={4} />

// Con auto-resize
<Textarea autoResize placeholder="Crece automaticamente..." />

// Controlado
<Textarea value={text} onChange={(e) => setText(e.target.value)} />

// Con validacion
<Textarea aria-invalid={!!error} />

Notas

Usa forwardRef para compatibilidad con form libraries. El auto-resize ajusta style.height en cada cambio — por eso requiere has_state: true. Aplica las mismas clases de foco y validacion que Input para consistencia visual.