textfield

className
Not required
string
id
Not required
string
name
Required
string
label
Not required
string
placeholder
Not required
string
type
Not required
string
"text"
value
Not required
string
autoFocus
Not required
string
prepend
Not required
any
append
Not required
any
onChange
Not required
func
showLabel
Not required
bool
true
required
Not required
bool

A text input field component with label support and validation integration.

TextField accepts a type prop which can be any supported <input> type. We strongly recommend that you only use this for types such as text, url, email, and password. We don't recommend using type="number" unless absolutely necessary; this is because it has some accessibility issues.

Basic text field

Text field with different types

Text field with prepend/append

Text field without visible label

Required text field