Textarea
Surface for accepting multi-line user input
import { Textarea } from 'degen'
name | type | default | description |
|---|---|---|---|
autoCorrect | string | - | - |
autoFocus | boolean | - | - |
defaultValue | string | number | - | - |
description | ReactNode | - | - |
disabled | boolean | - | - |
error | ReactNode | - | - |
hideLabel | boolean | - | - |
id | string | - | - |
label* Required | ReactNode | - | - |
labelSecondary | ReactNode | - | - |
maxLength | number | - | - |
name | string | - | - |
placeholder | string | - | - |
readOnly | boolean | - | - |
ref | Ref<HTMLElement> | - | Allows getting a ref to the component instance.
Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).
@see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom |
required | boolean | - | - |
rows | number | 5 | - |
spellCheck | Booleanish | - | - |
tabIndex | number | - | - |
value | string | number | - | - |
width | ConditionalStyle<Values<{ '448px': string; '512px': string; '576px': string; '672px': string; '720px': string; '768px': string; '896px': string; '976px': string; '1024px': string; '1152px': string; '1280px': string; '1/4': string; '1/3': string; '1/2': string; ... 52 more ...; none: CSSVarFunction; }, { ...; }>> | - | - |
onChange | (event: ChangeEvent<HTMLTextAreaElement>) => void | - | - |
onBlur | FocusEventHandler<HTMLTextAreaElement> | - | - |
onFocus | FocusEventHandler<HTMLTextAreaElement> | - | - |