WUI logo

InputText

The InputText component is a fundamental UI element that allows users to enter and edit text. It is commonly used in forms, search fields, and data entry interfaces. This component ensures efficient user input handling, offering features like placeholder text, validation, and various input types.

Source@welcome-ui/input-text
OverviewProps

InputText

autoFocus

Boolean

disabled

Boolean

hasIcon

Boolean

icon

Element

iconPlacement

"right" | "left" | undefined = left

isClearable

Boolean

name

string

onBlur

(event: FocusEvent<HTMLInputElement, Element>) => void

onChange

(event: ChangeEvent<HTMLInputElement>) => void

onFocus

(event: FocusEvent<HTMLInputElement, Element>) => void

onKeyDown

(event: KeyboardEvent<HTMLInputElement>) => void

placeholder

string

size

"xs" | "sm" | "md" | "lg" | undefined = md

transparent

Boolean

type

string | undefined = text

value

string

variant

"error" | "focused" | "info" | "success" | "warning"

HintLabel