35bcb63300
Componentes React accesibles basados en Radix UI con soporte de temas via CSS variables. Incluye barrel export en index.ts. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1.7 KiB
1.7 KiB
name, kind, lang, domain, version, purity, signature, description, tags, uses_functions, uses_types, returns, returns_optional, error_type, imports, 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 | 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. |
|
|
false | false | frontend/functions/ui/textarea.tsx |
|
|
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.