Saltar al contenido
El Muestrario

componente · @solu30/ui-kit/input

TextArea

El componente, montado

Cargando el espécimen…

Cargando el chunk del paquete instalado…

De dónde se importa

import { TextArea } from '@solu30/ui-kit/input'

Props

7 props declaradas en los tipos de la versión instalada.
PropRequeridaTipoQué hace
labelopcionalstringLabel for the textarea
erroropcionalstringError message to display
classNameopcionalstringAdditional CSS class
helpTextopcionalstringHelp text to display below the textarea
fullWidthopcionalbooleanWhether the textarea should take full width
autoResizeopcionalbooleanWhether the textarea should auto-resize based on content
sizeopcional'sm' | 'md' | 'lg'Size variant

Ejemplo del paquete

<TextArea
label="Description"
placeholder="Enter a description"
value={description}
onChange={(e) => setDescription(e.target.value)}
autoResize
/>

Del @example del JSDoc de @solu30/ui-kit, sin editar. Cuatro de los 69 ejemplos del paquete traen pegada la firma cruda del .d.ts —el mismo defecto del extractor que se come las descripciones—, y por eso la caja tiene tope de alto: el ejemplo de verdad suele estar al final.