IconButton

Kwadratowy przycisk tylko z ikoną, do pasków narzędzi i gęstych wierszy, gdzie ikona jest dobrze znana. Gdy jest miejsce, wybierz Button z etykietą.

PodglądLink do sekcji Podgląd

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

tsx

import { IconButton } from '@skribly/ui/actions'

tsx

<IconButton label="Add item" onPress={add}>
  <Plus aria-hidden />
</IconButton>

Każda etykieta jest propem, więc aplikacja przekazuje własne słowa we własnym języku. Zobacz zasadę brak wbudowanego tekstu.

label jest nazwą dostępną i pojawia się też jako dymek podpowiedzi po najechaniu i od razu przy fokusie z klawiatury, więc osoby widzące i sterujące głosem wiedzą, jak go nazwać.
Escape ukrywa dymek.
Każdy rozmiar ma co najmniej 24 px w kwadracie.

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