Input

Text input and textarea with validation states and Field integration.

Generated from the package's public source.

API

class?: string
defaultValue?: string — Default value (uncontrolled).
disabled?: boolean
id?: string — Element id for label association.
invalid?: boolean
name?: string — Form field name.
onBlur?: EventHandler<HTMLInputElement, FocusEvent> — Native blur event handler.
onFocus?: EventHandler<HTMLInputElement, FocusEvent> — Native focus event handler.
onInput?: EventHandler<HTMLInputElement, InputEvent> — Native input event handler.
onValueChange?: (value: string) => void — Called when the value changes.
placeholder?: string — Input placeholder text.
readOnly?: boolean
required?: boolean
style?: string | CSSProperties
type?: "number" | "text" | "email" | "password" | "search" | "tel" | "url" — HTML input type.
value?: string — Current input value (controlled).

                        Root(props: InputRootProps): Element

class?: string
defaultValue?: string — Default value (uncontrolled).
disabled?: boolean
id?: string — Element id for label association.
invalid?: boolean
name?: string — Form field name.
onBlur?: EventHandler<HTMLInputElement, FocusEvent> — Native blur event handler.
onFocus?: EventHandler<HTMLInputElement, FocusEvent> — Native focus event handler.
onInput?: EventHandler<HTMLInputElement, InputEvent> — Native input event handler.
onValueChange?: (value: string) => void — Called when the value changes.
placeholder?: string — Input placeholder text.
readOnly?: boolean
required?: boolean
style?: string | CSSProperties
type?: "number" | "text" | "email" | "password" | "search" | "tel" | "url" — HTML input type.
value?: string — Current input value (controlled).

                        Textarea(props: TextareaProps): Element

class?: string
defaultValue?: string — Default value (uncontrolled).
disabled?: boolean
id?: string — Element id for label association.
invalid?: boolean
name?: string — Form field name.
onBlur?: EventHandler<HTMLTextAreaElement, FocusEvent> — Native blur event handler.
onFocus?: EventHandler<HTMLTextAreaElement, FocusEvent> — Native focus event handler.
onInput?: EventHandler<HTMLTextAreaElement, InputEvent> — Native input event handler.
onValueChange?: (value: string) => void — Called when the value changes.
placeholder?: string — Textarea placeholder text.
readOnly?: boolean
required?: boolean
rows?: number — Number of visible text rows.
style?: string | CSSProperties
value?: string — Current value (controlled).

class?: string
defaultValue?: string — Default value (uncontrolled).
disabled?: boolean
id?: string — Element id for label association.
invalid?: boolean
name?: string — Form field name.
onBlur?: EventHandler<HTMLTextAreaElement, FocusEvent> — Native blur event handler.
onFocus?: EventHandler<HTMLTextAreaElement, FocusEvent> — Native focus event handler.
onInput?: EventHandler<HTMLTextAreaElement, InputEvent> — Native input event handler.
onValueChange?: (value: string) => void — Called when the value changes.
placeholder?: string — Textarea placeholder text.
readOnly?: boolean
required?: boolean
rows?: number — Number of visible text rows.
style?: string | CSSProperties
value?: string — Current value (controlled).