<FloatingInput />

Elevate user engagement with our FloatingInput component – a touch of sophistication for your forms. Inspired by Google's sleek design, it boasts a captivating floated label animation that enhances user interaction. Seamlessly integrated into inputs and textareas, FloatingInput adds a touch of elegance to your web projects, making form submissions an enjoyable experience.

Image

Code - structure

<FloatingInput
  label="Full Name *"
  type="text"
  className="floating-label"
  name="fullName"
  value="fullName"
  onChange={handleChange}
/>

Code - structure

<FloatingTextarea
  label="Textarea"
  type="text"
  className="floating-label"
  name="Textarea"
  value="Text area"
  onChange={handleChange}
/>