Floating label inputFree
Label lifts on focus and when filled.
Props
Appearance
Applies to this component only and stays saved when you come back.
#ff3347
#b3122a
Preview background
Install
$
npx shadcn@latest add https://nex-ui.eu/r/floating-input.jsonUsage
import { FloatingInput } from "@/components/nex-ui/floating-input";
<FloatingInput label="Email address" />