NavItem
Jeden link panelu bocznego z ikoną i opcjonalnym NavKey albo licznikiem na końcu. NavKey pokazuje krótki kod, taki jak klucz projektu.
- NavItem
- NavKey
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: NavItem
Noc, podgląd: NavItem
Wysoki kontrast, podgląd: NavItem
UżycieLink do sekcji Użycie
import { NavItem, NavKey } from '@skribly/ui/shell'<NavItem href="/boards/web" icon={<LayoutDashboard />} end={<NavKey>WEB</NavKey>}>Website relaunch</NavItem>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ść
- Otwarta strona jest oznaczona na cztery sposoby: linia na krawędzi początku, jaśniejsza płyta, grubsza etykieta i znak w kolorze akcentu, a dla czytników ekranu aria-current="page"; w trybie wymuszonych kolorów linia używa koloru Highlight, a etykieta jest podkreślona.
- Cel ma co najmniej 36 px wysokości.
- Wybranie linku zamyka arkusz panelu bocznego.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.