Kbd

Kurulum

Paket

@bigbang/ui

İçe aktarma

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

Kaynak

Kbd.tsx

Storybook

Kbd · Playground

Kbd, @bigbang/ui paketindedir.

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

<Kbd keys={['mod', 'K']} />;
<Kbd>F2</Kbd>;

Özellikler

children

Açıklama

K gibi metin olarak tek bir tuş. Bir kombinasyon ya da adlı bir tuş için keys kullanın.

Tür

ReactNode

keys

Açıklama

['mod', 'K'] gibi basılma sırasıyla bir tuş kombinasyonu. Adlı tuşlar (mod, shift, enter, oklar…) simge ve okunan ad alır.

Tür

readonly KbdKey[]

platform

Açıklama

mod ve değiştirici simgeleri için platform. Tarayıcıda algılanır; sunucu other çizer.

Tür

Platform

size

Açıklama

Tuş boyutu: sm 20 px ve 12 px metindir, gövde metni, menüler ve ipuçları içindir; md 24 px ve 14 px metindir.

Tür

'sm' | 'md'

Varsayılan

'sm'

className

Açıklama

Yalnızca yerleşim için: dış boşluk ve konum.

Tür

string

Veri öznitelikleri

• data-component="kbd": dış <kbd> üzerinde.
• data-part: key, separator.