Files
fn_registry/frontend/functions/ui/textarea.md
T
egutierrez 2d108c295a refactor: migrate frontend from shadcn/Tailwind to Mantine v9
Reescribe todos los componentes UI para usar Mantine v9 en lugar de shadcn/Tailwind.
Elimina cn(), CVA, components.json, theme_provider custom y globals.css con Tailwind.
Añade 25+ componentes nuevos (AppShell, AuthForm, DatePickerInput, Dropzone, etc.)
y MantineProvider como wrapper estándar del sistema de temas.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-06 23:46:44 +02:00

1.7 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. Mantine Textarea con autosize.
textarea
component
ui
interactive
form
mantine
false
@mantine/core
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
false 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 Mantine Textarea con autosize nativo (reemplaza el auto-resize manual anterior). forwardRef mantenido para compatibilidad con form libraries.