Input

Input(__namedParameters): Element

Defined in: packages/react/src/components/ui/input.tsx:28

Single-line text input with optional in-input loading spinner.

When loading is true, a spinner renders absolutely positioned on the right edge and the input gains right padding (pr-9). The default path (no loading prop) is unchanged — a bare <input> element with no wrapper.

loading is mutually visible with any other right-side adornment; consumers should not stack right adornments and loading simultaneously.

Parameters

__namedParameters

object & ClassAttributes<HTMLInputElement> & InputHTMLAttributes<HTMLInputElement>

Returns

Element

Example

<Input
  value={query}
  onChange={(e) => setQuery(e.target.value)}
  loading={isPending}
  placeholder="Search…"
/>