Kbd

Penggunaan

value me-resolve set kecil nama tombol umum ke simbolnya - yang lain (huruf, angka) dirender apa adanya:

<SKbd value="meta" /><SKbd>K</SKbd>

Tombol

Setiap simbol bawaan yang di-resolve value:

meta/command/cmd → , ctrl/control → ⌃, alt/option → , shift → ⇧, enter/return → ↵, backspace → ⌫, delete → ⌦, tab → , capslock → ⇪, escape/esc → Esc, up/down/left/right → ↑/↓/←/→, space → Space. Yang lain - K kosong, digit - dipertahankan sebagai string literal, jadi value juga berfungsi sebagai shorthand untuk slot default.

Ukuran

<SKbd size="sm" value="meta" />
<SKbd size="md" value="meta" />
<SKbd size="lg" value="meta" />

Dalam markdown

Setiap komponen Selaras sudah terdaftar secara global di bawah nama berawalan S - blok ::s-kbd{...} berfungsi tanpa wiring tambahan (lihat bagian "In markdown" di Callout untuk cara kerja pola secara umum):

::s-kbd{value="meta"}
::

Custom :ui

Untuk melihat dengan tepat apa yang akan Anda timpa - kelas default untuk setiap slot dan varian - berikut adalah file tema Kbd sendiri:

Global dan scoped theme recipes menggunakan ui.kbd.

Props

Slots