Kbd
Pokazuje jeden klawisz w tekście albo w podpowiedzi. Dla kombinacji użyj KeyCombo.
- Kbd
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: Kbd
Press Esc to close, Enter to confirm.
CommandShiftUp arrowPgDnF12
Noc, podgląd: Kbd
Press Esc to close, Enter to confirm.
CommandShiftUp arrowPgDnF12
Wysoki kontrast, podgląd: Kbd
Press Esc to close, Enter to confirm.
CommandShiftUp arrowPgDnF12
UżycieLink do sekcji Użycie
import { Kbd } from '@skribly/ui/actions'Press <Kbd>Esc</Kbd> to close.
<Kbd label="Command">⌘</Kbd>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ść
- Renderuje element kbd.
- Klawisz-symbol przyjmuje label, który czytniki ekranu mówią zamiast znaku, więc „⌘” jest odczytywany jako „Command”, a nie pod nazwą znaku z Unicode.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.