Un campo de entrada que permite a los usuarios ingresar y editar textos largos de múltiples líneas.
Multi-line · Resize · States
Importa los estilos base y el componente Textarea.
1import 'nave-ui-library/styles.css'2import { Textarea } from 'nave-ui-library/react'El Textarea se expande verticalmente por defecto y permite redimensionamiento manual (resize-y).
Incluye estilos específicos para validaciones de error y estados de solo lectura.
Controla la altura inicial con la propiedad nativa rows.
Soporta tamaños small y medium.
Todas las props disponibles para el componente Textarea.
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Etiqueta del campo. |
placeholder | string | — | Texto de placeholder. |
helperText | string | — | Texto de ayuda debajo del campo. |
error | boolean | — | Estado de error visual. |
disabled | boolean | — | Deshabilita el campo. |
rows | number | — | Cantidad de filas visibles iniciales. |
size | "medium" | "small" | "medium" | Tamaño del campo. |
tokens | Partial<ThemeTokensBase> | — | Override local de tema/tokens. |
1{2 "name": "Textarea",3 "description": "Textarea para entrada de texto multilínea.",4 "component": "Textarea",5 "files": [6 "components/base/data-entry/inputs/Textarea.tsx"7 ],8 "dependencies": [9 "react"10 ],11 "props": {12 "size": {13 "type": "'small' | 'medium'",14 "description": "Size of the input."15 },16 "rows": {17 "type": "number",18 "description": "Number of visible text lines."19 },20 "error": {21 "type": "boolean",22 "description": "Whether the input has an error."23 },24 "helperText": {25 "type": "string",26 "description": "Helper text for the input."27 },28 "label": {29 "type": "string",30 "description": "Label for the input."31 },32 "placeholder": {33 "type": "string",34 "description": "Placeholder text for the input."35 },36 "disabled": {37 "type": "boolean",38 "description": "Whether the input is disabled."39 }40 }41}