LinkButton
Nawigacja, która potrzebuje wagi przycisku, na przykład „Read the guide” na pustej stronie. Jeśli zmienia dane, a nie stronę, użyj Button.
- LinkButton
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: LinkButton
Noc, podgląd: LinkButton
Wysoki kontrast, podgląd: LinkButton
UżycieLink do sekcji Użycie
import { LinkButton } from '@skribly/ui/actions'<LinkButton href="/docs">Read the guide</LinkButton>
<LinkButton href="https://status.example.com" target="_blank" newTabLabel="opens in a new tab">
Status page
</LinkButton>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 link: Enter go otwiera, a menu kontekstowe przeglądarki działa.
- Link otwierany w nowej karcie pokazuje ikonę i dopisuje newTabLabel dla czytników ekranu oraz dostaje rel="noopener noreferrer".
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.