InfoTip

Mały okrągły przycisk obok terminu, który otwiera krótkie objaśnienie. Wybierz go zamiast Tooltip, gdy tekst ma znaczenie, bo działa dotykiem, klawiaturą i przy każdym powiększeniu.

InfoTip

PodglądLink do sekcji Podgląd

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

Dzień, podgląd: InfoTip

Build time of the last run: 42 s

Drafts

Noc, podgląd: InfoTip

Build time of the last run: 42 s

Drafts

Wysoki kontrast, podgląd: InfoTip

Build time of the last run: 42 s

Drafts

UżycieLink do sekcji Użycie

tsx

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

tsx

<InfoTip label="About the build time">
  The time from start to finish of the last run.
</InfoTip>

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

Prawdziwy przycisk z nazwą, która mówi, co objaśnia.
Enter albo dotknięcie otwiera tekst jako małe okno dialogowe, Escape je zamyka, a fokus wraca.
Rozmiar sm ma cel 24 px, czyli minimum WCAG 2.2; md ma 32 px.

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