LoadingInput

Holds an input's place while its data loads: a disabled input with a spinner that appears after a short delay.

Installation

pnpm dlx shadcn@latest add @chelone/loading-input

Holds an input's place while its data loads: a disabled input with a spinner that appears after a short delay.

Props

PropTypeDefaultDescription
classNamestring—
fullWidthboolean—
helperTextReactNode—
labelReactNode—
size"default" | "sm"—
timeoutnumber—Milliseconds before the spinner replaces the empty placeholder. Defaults to 1000.