SessionPeek

Rzut oka na ekran sesji obok jej wiersza, bez otwierania. Wybierz go dla list sesji, w których przełączenie kosztuje zmianę kontekstu.

SessionPeek

PodglądLink do sekcji Podgląd

Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.

Dzień, podgląd: SessionPeek

Noc, podgląd: SessionPeek

Wysoki kontrast, podgląd: SessionPeek

UżycieLink do sekcji Użycie

tsx

import { SessionPeek } from '@skribly/ui/agents'

tsx

<SessionPeek label={t('screenOf', { name })} title={name} lines={lines} state="working" stateLabel={t('state.working')}>
  <Button>{name}</Button>
</SessionPeek>

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ść

Zbudowany na PreviewTrigger z React Aria: otwiera się po krótkim najechaniu, przy fokusie z klawiatury albo po długim naciśnięciu, wskaźnik może przejść na niego bez zamykania, a Escape go zamyka.
Tab z elementu otwierającego przechodzi do ekranu, nazwanej grupy, którą czytnik ekranu może czytać linia po linii.
Nigdy nie zastępuje otwarcia sesji, które robi sam element otwierający.

Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.