Strony
Całe ekrany do logowania, resetowania hasła i zgłaszania błędu. Układają się od 320 px, każdy komunikat mają jako ton, ikonę i słowo, a budowane są z celem WCAG 2.2 AA.
Strony: 6, eksporty: 4
- AuthLayout
- LoginForm
- PasswordResetForm
- ErrorPage
ImportLink do sekcji Import
Każda grupa ma własny punkt wejścia, więc aplikacja, która potrzebuje tylko tej grupy, ładuje tylko ją. Wszystko jest też eksportowane z @skribly/ui.
import { AuthLayout, LoginForm, PasswordResetForm, ErrorPage } from '@skribly/ui/pages'Strony tej grupyLink do sekcji Strony tej grupy
- AuthLayoutRama ekranów logowania i resetowania hasła: marka na górze, jedna karta z nagłówkiem strony i miejsce na przełącznik języka pod spodem. Użyj jej do każdego krótkiego zadania, które czytelnik wykonuje przed wejściem do aplikacji.AuthLayout
- LoginFormLogowanie e-mailem i hasłem z opcją zapamiętania, linkiem do resetu hasła i przyciskiem pokazującym hasło. Najpierw sprawdzenia działają w przeglądarce; serwer dodaje błędy pól i komunikat. Wpisz dowolne hasło, a potem „skribly”.LoginForm
- PasswordResetForm: request a linkPierwszy krok resetu: użytkownik prosi o link e-mailem. Napisz, że link jest w drodze, niezależnie od tego, czy adres ma konto.PasswordResetForm
- PasswordResetForm: choose a new passwordDrugi krok, otwierany z linku z e-maila: nowe hasło wpisane dwa razy. Przekaż token w hiddenFields oraz hideEmail, gdy link już wskazuje konto.PasswordResetForm
- ErrorPagePełna strona dla błędów 404, 403, 500 i 503: co się stało prostymi słowami oraz wyjścia z sytuacji. Children dodają drugi język, identyfikator żądania albo pole wyszukiwania.ErrorPage
- ErrorPage: service unavailableTa sama strona dla błędu serwera, z przyciskiem ponowienia i identyfikatorem żądania do podania pomocy technicznej.ErrorPage