Przejdź do treści

KeyCombo

Skrót klawiszowy: klawisze naciskane razem, sekwencja albo kilka skrótów robiących to samo. Użyj go w menu, dymkach podpowiedzi i na stronach pomocy.

  • KeyCombo

PodglądLink do sekcji Podgląd

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

Dzień, podgląd: KeyCombo

Open the command palette
CtrlKor/
Save
CommandS
Next tab
CtrlTab
Go to issues
GI

Noc, podgląd: KeyCombo

Open the command palette
CtrlKor/
Save
CommandS
Next tab
CtrlTab
Go to issues
GI

Wysoki kontrast, podgląd: KeyCombo

Open the command palette
CtrlKor/
Save
CommandS
Next tab
CtrlTab
Go to issues
GI

UżycieLink do sekcji Użycie

tsx
import { KeyCombo } from '@skribly/ui/actions'
tsx
<KeyCombo keys={['Ctrl', 'K']} separator="+" />
<KeyCombo keys={[['Ctrl', 'K'], ['/']]} separator="+" orLabel="or" />

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ść

  • Element kbd owija po jednym kbd na klawisz, tak jak HTML opisuje kombinację.
  • Separator jest ukryty przed czytnikami ekranu; słowo między alternatywami jest odczytywane.
  • Długie kombinacje się zawijają, a lista skrótów w przykładzie układa się w stos poniżej 640 px.

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

Szukaj na stronie

Strzałki przenoszą między wynikami, Enter otwiera, Esc zamyka. Ctrl K /