GatedAction
Akcja, która nie jest jeszcze dostępna, z powodem i tym, co ją odblokowuje. Użyj jej zamiast po cichu wyłączonego przycisku, gdy użytkownik może coś z tym zrobić.
- GatedAction
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: GatedAction
Add a title to publish.Only owners can delete this page.
Noc, podgląd: GatedAction
Add a title to publish.Only owners can delete this page.
Wysoki kontrast, podgląd: GatedAction
Add a title to publish.Only owners can delete this page.
UżycieLink do sekcji Użycie
import { GatedAction } from '@skribly/ui/actions'<GatedAction isGated={!title} reason="Add a title to publish." onPress={publish}>
Publish
</GatedAction>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ść
- Zostaje w kolejności Tab z aria-disabled, więc użytkownicy klawiatury i czytników ekranu do niej docierają i słyszą powód, powiązany przez aria-describedby.
- Naciśnięcia i wysłanie formularza są zablokowane.
- Powód jest wypisany pod przyciskiem albo pokazany jako dymek podpowiedzi po najechaniu i przy fokusie z klawiatury w ciasnych miejscach i nigdy nie jest samym kolorem.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.