CopyButton
Kopiuje polecenie, klucz albo link do schowka i to potwierdza. Użyj go obok tekstu, który ludzie prawdopodobnie wkleją gdzie indziej.
- CopyButton
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: CopyButton
npm run buildIcon only
When the clipboard refuses
Noc, podgląd: CopyButton
npm run buildIcon only
When the clipboard refuses
Wysoki kontrast, podgląd: CopyButton
npm run buildIcon only
When the clipboard refuses
UżycieLink do sekcji Użycie
import { CopyButton } from '@skribly/ui/actions'<CopyButton
text="npm run build"
label="Copy"
copiedLabel="Copied"
failedLabel="Copy failed. Select the text and press Ctrl+C."
/>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ść
- Sukces i niepowodzenie mają każde ikonę i słowo i są ogłaszane przez region na żywo typu polite.
- Potwierdzenie zostaje, dopóki przycisk jest najechany albo ma fokus, a potem wraca do stanu wyjściowego; niepowodzenie zostaje na ekranie, razem z tym, co zrobić zamiast tego, do następnego naciśnięcia.
- Forma tylko z ikoną zachowuje stałą nazwę.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.