BRAID
Braid Logo
 

TextField

idRequired
string
valueRequired
string | number | readonly string[]
onChangeRequired
FormEventHandler<HTMLInputElement>
aria-labelledbyRequired
string
aria-labelRequired
string
labelRequired
ReactNode
name
string
autoFocus
boolean
prefix
string
aria-describedby
string
data
DataAttributeMap
autoComplete
string
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
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).
string | (instance: HTMLInputElement | null) => void | RefObject<HTMLInputElement>

Further References

View Source