Kbd
კლავიატურის ღილაკის ჩიპი (<kbd>) და კომბინაცია. სერვერ-კომპონენტია.
მაგალითი
⌘KCtrl+BEsc
import { Kbd, KbdGroup } from "@llc-conciergia/ui/kbd";
<KbdGroup separator={null}>
<Kbd>⌘</Kbd>
<Kbd>K</Kbd>
</KbdGroup>
<KbdGroup>
<Kbd>Ctrl</Kbd>
<Kbd>B</Kbd>
</KbdGroup>ინსტალაცია
pnpm add @llc-conciergia/uiimport { Kbd, KbdGroup } from "@llc-conciergia/ui/kbd";npx @llc-conciergia/cli add kbdnpx shadcn@latest add https://ui.conciergia.co/r/kbd.jsonშენიშვნები
KbdGroup HTML-ის რეკომენდაციით ჩადგმულ <kbd>-ებს ქმნის. ხატულის შემთხვევაში ხატულას aria-hidden და sr-only ტექსტი მიეცით.
Props
| Prop | ტიპი | ნაგულისხმევი | აღწერა |
|---|---|---|---|
| Kbd: size | "sm" | "md" | "md" | 18 / 22 px სიმაღლე. |
| KbdGroup: separator | ReactNode | "+" | ღილაკებს შორის; null — გამყოფის გარეშე. |