BRAID
Braid Logo
 

TextField

id
Required
string
value
Required
string | number | readonly string[]
onChange
Required
FormEventHandler<HTMLInputElement>
aria-labelledby
Required
string
aria-label
Required
string
label
Required
ReactNode
name
string
prefix
string
aria-describedby
string
data
DataAttributeMap
autoComplete
string
autoFocus
boolean
disabled
boolean
required
boolean
tone
"caution" | "critical" | "neutral" | "positive"
icon
ReactNode
description
ReactNode
message
ReactNode
reserveMessageSpace
boolean
type
"number" | "text" | "search" | "tel" | "url" | "email" | "password"
inputMode
"text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal"
step
string | number
onBlur
FocusEventHandler<HTMLInputElement>
onFocus
FocusEventHandler<HTMLInputElement>
onClear
() => void
placeholder
string
characterLimit
number
clearLabel
string
secondaryLabel
ReactNode
tertiaryLabel
ReactNode
ref
(instance: HTMLInputElement | null) => void | RefObject<HTMLInputElement>

Further References

View Source