Skip to content

Textarea

Surface for accepting multi-line user input
import { Textarea } from '@kalidao/reality'
name
type
default
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>
-
required
boolean
-
rows
number
5
spellCheck
Booleanish
-
tabIndex
number
-
value
string | number
-
width
ConditionalStyle<Values<{ '112': string; '128': string; '144': string; '168': string; '180': string; '192': string; '224': string; '256': string; '288': string; '320': string; '1/4': string; '1/3': string; '1/2': string; '2/3': string; '3/4': string; screenSm: 640; ... 49 more ...; none: CSSVarFunction; }, { ...; }>>
-
onChange
(event: ChangeEvent<HTMLTextAreaElement>) => void
-
onBlur
FocusEventHandler<HTMLTextAreaElement>
-
onFocus
FocusEventHandler<HTMLTextAreaElement>
-