Command KCtrlKbuka pencarianCommand Shift PCtrlShiftPdengan pemisahPanah atas Panah bawah↑↓pindah barisEscapeEscukuran md
mod mengikuti papan ketik yang dipakai: ⌘ di Apple, Ctrl di tempat lain.
Kbd
Tombol papan ketik sebagai elemen kbd: dipakai untuk menuliskan pintasan di menu, dialog, dan keterangan bantuan.
Dasar
Satu keys menghasilkan satu tombol per bagian. Nama yang dikenal diganti lambangnya, dan mod mengikuti papan ketik yang sedang dipakai — jadi satu penulisan benar di macOS maupun Windows.
Di dalam daftar dan kalimat
Bentuknya sejajar dengan teks di sekitarnya (align-middle), jadi bisa ditaruh di tengah kalimat tanpa menggeser barisnya. Untuk daftar pintasan, tombol di kanan dan tindakannya di kiri paling cepat dibaca.
- Cari komponenCommand KCtrlK
- Simpan perubahanCommand SCtrlS
- Duplikat pickupCommand Shift DCtrlShiftD
- Hapus baris terpilihBackspaceBackspace
Di dalam kalimat: tekan EnterEnter untuk menyimpan, atau EscapeEsc untuk membatalkan.
Nama yang dikenal
Nama di bawah ini boleh ditulis dengan huruf besar maupun kecil. Nama lain digambar apa adanya, sehingga F2 atau Fn tetap bisa dipakai.
| Ditulis | Digambar |
|---|---|
| mod | ⌘ di Apple, Ctrl di tempat lain |
| cmd, meta | ⌘ |
| ctrl | ⌃ di Apple, Ctrl di tempat lain |
| alt, option | ⌥ di Apple, Alt di tempat lain |
| shift | ⇧ |
| enter, return | ↵ di Apple, Enter di tempat lain |
| esc, escape | Esc |
| tab | ⇥ di Apple, Tab di tempat lain |
| space | ␣ di Apple, Space di tempat lain |
| backspace, delete | ⌫ dan ⌦ |
| arrowup … arrowright | ↑ ↓ ← → |
| home, end, pageup, pagedown | nama singkatnya |
API
Props
| Prop | Tipe | Default | Keterangan |
|---|---|---|---|
| keys | string | string[] | — | Tombol yang digambar, sebagai mod+k atau ['ArrowUp', 'ArrowDown']. Satu huruf jadi huruf besar; nama yang dikenal diganti lambangnya. |
| size | 'sm' | 'md' | 'sm' | sm untuk keterangan di dalam baris atau menu; md bila tombolnya berdiri sendiri. |
| separator | string | — | Digambar di antara tombol, misalnya +. Tanpa ini hanya ada jarak, yang sudah terbaca sebagai satu kombinasi. |
| label | string | — | Nama aksesibel. Bawaannya disusun dari nama tombolnya, karena ⌘K tidak bisa dilafalkan pembaca layar. |
Slot bawaan menggantikan keys untuk isi bebas, misalnya <W4cKbd>Fn</W4cKbd>. Kelas tambahan diteruskan ke elemen kbd terluarnya.