Input

A sleek, animated text input with a floating label that gracefully moves up on focus.

Preview

Email Address

Installation

npx shadcn@latest add "https://ui.rechesoares.com/registry/input.json"

Component Props

PropTypeDefaultRequiredDescription
labelstring-YesText label displayed with animated letters.
valuestring-YesCurrent value of the input (controlled).
classNamestring-NoAdditional class names for the component.
...propsStandard HTML input attributes-NoOther standard input props like onChange, disabled etc.