TourSpotlight

Samo przyciemnienie i obwódka, które rysuje Tour, użyte osobno, aby wskazać jeden element, na przykład nową funkcję. Nigdy nie blokuje wskaźnika, więc strona pozostaje użyteczna.

TourSpotlight

PodglądLink do sekcji Podgląd

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

Dzień, podgląd: TourSpotlight

Export now saves a PDF as well.

Noc, podgląd: TourSpotlight

Export now saves a PDF as well.

Wysoki kontrast, podgląd: TourSpotlight

Export now saves a PDF as well.

UżycieLink do sekcji Użycie

tsx

import { TourSpotlight } from '@skribly/ui/onboarding'

tsx

<TourSpotlight target={element} showCursor />

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

Tylko dekoracja: jest ukryta przed czytnikami ekranu, więc napisz słowami, co wskazuje.
Obwódka jest prawdziwą ramką, która zostaje w trybie wymuszonych kolorów, gdzie cień przyciemnienia jest pomijany.
Przy ograniczonym ruchu przesuwa się bez animacji.

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