SidebarNav
Lista linków w Sidebar. Podaj jej bieżącą trasę, a oznaczy pasujący link i otworzy grupę wokół niego.
- SidebarNav
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: SidebarNav
Noc, podgląd: SidebarNav
Wysoki kontrast, podgląd: SidebarNav
UżycieLink do sekcji Użycie
import { SidebarNav } from '@skribly/ui/shell'<SidebarNav label="Main" current={pathname}>
<NavItem href="/" icon={<House />}>Dashboard</NavItem>
<NavGroup label="Admin"><NavItem href="/settings">Settings</NavItem></NavGroup>
</SidebarNav>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ść
- Landmark nawigacji z listą, więc czytniki ekranu mówią, ile jest linków.
- Linki są przystankami Tab; bieżący ma aria-current="page".
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.