PageHeader
Wiersz nagłówka ekranu: nadtytuł, tytuł, opis i akcje. Użyj jednego na ekran, na górze MainContent.
- PageHeader
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: PageHeader
Projects
Website relaunch
Issues grouped by status, newest first.
A very long title that needs more than one line on a narrow screen and still reads well
Noc, podgląd: PageHeader
Projects
Website relaunch
Issues grouped by status, newest first.
A very long title that needs more than one line on a narrow screen and still reads well
Wysoki kontrast, podgląd: PageHeader
Projects
Website relaunch
Issues grouped by status, newest first.
A very long title that needs more than one line on a narrow screen and still reads well
UżycieLink do sekcji Użycie
import { PageHeader } from '@skribly/ui/shell'<PageHeader eyebrow="Projects" title="Website relaunch" description="Issues grouped by status." actions={<Button>New issue</Button>} />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ść
- Nadtytuł i tytuł tworzą hgroup, a tytuł jest nagłówkiem poziomu 1, chyba że level mówi inaczej.
- Długie tytuły się zawijają, a akcje przechodzą pod tytuł, gdy brakuje miejsca.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.