CloseButton
Zamyka albo odrzuca to, w czym się znajduje: komunikat, panel albo okno dialogowe. Wewnątrz Dialog z React Aria slot="close" zamyka go bez obsługi zdarzenia.
- CloseButton
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: CloseButton
Your export is ready. It stays here until you close it.
Noc, podgląd: CloseButton
Your export is ready. It stays here until you close it.
Wysoki kontrast, podgląd: CloseButton
Your export is ready. It stays here until you close it.
UżycieLink do sekcji Użycie
import { CloseButton } from '@skribly/ui/actions'<CloseButton label="Dismiss export notice" onPress={dismiss} />
<CloseButton slot="close" label="Close dialog" />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ść
- Nazwij go tym, co zamyka, na przykład „Zamknij ustawienia”, aby lista przycisków odczytana bez kontekstu nadal miała sens.
- Gdy usuwa element, który miał fokus, przenieś fokus w sensowne miejsce, tak jak robi to przykład z przyciskiem, który przywraca komunikat.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.