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 nex-ui add floating-inputUsage
import { FloatingInput } from "@/components/nex-ui/floating-input";
<FloatingInput label="Email address" />