AppLockup
Logo z nazwą Skribly i nazwą narzędzia, do paska tytułu, panelu bocznego i stron logowania. Dodaj href, aby było linkiem do strony głównej; compact zostawia tylko logo w zwiniętym panelu bocznym.
- AppLockup
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: AppLockup
Noc, podgląd: AppLockup
Wysoki kontrast, podgląd: AppLockup
UżycieLink do sekcji Użycie
import { AppLockup } from '@skribly/ui/brand'<AppLockup kind="agent" tool="Agent" href="/" />
<AppLockup kind="tracker" tool="Tracker" tone="nav" compact href="/" />Każda etykieta jest propem, więc aplikacja przekazuje własne słowa we własnym języku. Zobacz zasadę brak wbudowanego tekstu.
DostępnośćLink do sekcji Dostępność
- Słowa nazywają go, a logo jest ukryte.
- Jako link celem jest cały zestaw, o wysokości co najmniej 24 px. label może podać pełniejszą nazwę, która powinna zaczynać się od widocznych słów. compact ukrywa słowa tylko na ekranie, więc link zachowuje nazwę.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.