Floating Label Input

Input z pływającą etykietą, ikoną i stanami (error/success). Styl jest techniczny: ostre krawędzie, miedziane akcenty i czytelne komunikaty.

Create Account

Enter your credentials to access the system

Full Name

Email Address

Password

Must be at least 8 characters

Jak to działa?

Label animuje się w górę gdy input jest focused lub wypełniony:

State tracking per input (value + focus)
Smooth motion z animate
Icon feedback (Lucide React)
Validation checks (email @, password length)
AnimatePresence dla check icons

Zastosowanie:

Formularze kontaktowe, audyt, lead forms, onboarding. Najlepiej w parach z krótkimi helper textami i komunikatami walidacji, które nie brzmią „generycznie”.

[ WARSZTAT_KOMPILUJE ]

Trwa przygotowanie infrastruktury...

SYS.STATUS: COMPILING