Komponenty Formularze
Komponenty
Formularze
Pola mają ostre krawędzie, obrys 1 px i wyraźny fokus (border-pine). Etykieta zawsze nad polem, gwiazdka oznacza wymagane. Walidacja jest natywna (HTML), a status zgłoszenia komunikujemy kolorem tła.
Pola
Tekst, e-mail i obszar tekstowy dzielą jeden styl: rounded-input, border-line, padding 16/12, fokus border-pine.
<label class="mb-1.5 block text-sm font-semibold">Imię *</label>
<input class="w-full rounded-input border border-line bg-paper px-4 py-3 text-base transition-colors focus:border-pine" />Stany pola i statusy
Fokus pogrubia obrys. Po wysłaniu pokazujemy komunikat: zielony (mint-soft) dla sukcesu, czerwony dla błędu.
Dziękujemy! Odezwiemy się w ciągu 24 godzin w dni robocze.
Nie udało się wysłać wiadomości. Napisz do nas bezpośrednio.
Pełny formularz (na żywo)
Realny komponent ContactForm – z honeypotem, zgodą i obsługą wysyłki przez /api/contact. To samo, co na stronie kontaktu.
Wolisz bezpośrednio? hello@sweetlava.eu · +48 507 710 227