Tooltip

Krótka podpowiedź po najechaniu albo przy fokusie z klawiatury. Użyj jej dla dodatkowych słów o kontrolce, która już ma nazwę; dla wszystkiego, czego potrzebuje użytkownik dotyku, użyj InfoTip.

Tooltip

PodglądLink do sekcji Podgląd

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

Dzień, podgląd: Tooltip

Noc, podgląd: Tooltip

Wysoki kontrast, podgląd: Tooltip

UżycieLink do sekcji Użycie

tsx

import { Tooltip } from '@skribly/ui/overlays'

tsx

<Tooltip content="Saves a copy you can return to later">
  <Button>Save version</Button>
</Tooltip>

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

Pokazuje się od razu przy fokusie z klawiatury i po krótkim opóźnieniu po najechaniu, zostaje, gdy wskaźnik jest nad nią, a Escape ją ukrywa.
Jej tekst opisuje element przez aria-describedby.
IconButton ma własny dymek podpowiedzi, więc nie owijaj go.

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