Kbd

Ne zaman kullanılır

Kbd, bir kısayolu ya da basılacak tuşu göstermek içindir: menü öğelerinde, ipuçlarında, yardım metinlerinde.

Ne zaman kullanılmaz

• Kod ya da komut göstermek için: Kod yazı stilini kullanın.
• Tıklanabilir bir öğe olarak: Kbd etkileşimli değildir; Button kullanın.
• Kısayol yoksa yer tutucu olarak: Boş tuş çizmeyin.

Anatomi

CtrlControl+K

AçıkKoyu

Kodu kopyala

import { Kbd } from '@bigbang/ui';

export default function Default() {
  return (
    <Kbd keys={['mod', 'K']} />
  );
}

1. Tuş: İç <kbd>; kenarlıksız, soluk zemin üzerinde düz tuş.
2. Ayırıcı: Tuşlar arasında görsel +; ekran okuyucu atlar.
3. Kap: Kombinasyonu saran dış <kbd>.

Davranış

• mod, ctrl, shift, alt, enter, escape, tab, backspace ve dört ok tuşu adlıdır.
• Diğer metinler (K, F2) yazıldığı gibi görünür ve okunur.
• Platform tarayıcıda algılanır; sunucu other çizer. platform ile sabitleyebilirsiniz.
• Simge gösteren tuşlarda simge gizlenir, adı görünmeyen metin taşır.

Yönergeler

• Tuşları basılma sırasıyla verin: önce değiştiriciler.
• Harfleri büyük yazın: K, S.
• Bir öğede en fazla bir kısayol gösterin.

İçerik

• Adlı tuşların okunan adları kütüphane metinleridir.

Türkçe	İngilizce
Komut	Command
Yukarı ok	Up arrow
Sekme	Tab

İlgili bileşenler

• Tooltip: Kısayolu ipucunda gösterir.
• Button: Kısayolu olan işlem.