# Kbd
{"⌘"} {"⇧"} {"⌥"} {"⌃"} {"Ctrl"} {"+"} {"B"} {"⌘"} {"K"}
```astro --- ---
⌘ ⇧ ⌥ ⌃ Ctrl + B ⌘ K
``` ## Installation ```bash bunx bejamas add kbd ``` ```bash npx bejamas add kbd ``` ```bash pnpm dlx bejamas add kbd ``` ```bash yarn dlx bejamas add kbd ``` ## Usage ```astro nocollapse --- --- ⌘ K Ctrl + B ``` ## Examples ### Group Use the `KbdGroup` component to group keyboard keys together.
Use{" "} {"Ctrl + B"} {"Ctrl + K"} {" "} to open the command palette
```astro --- ---

Use{" "} Ctrl + B Ctrl + K {" "} to open the command palette

``` ### Button Use the `Kbd` component inside a `Button` component to display a keyboard key inside a button.
```astro --- --- ``` ### Tooltip You can use the `Kbd` component inside a `Tooltip` component to display a tooltip with a keyboard key.
{" Save Changes "}{"S"}
{" Print Document "} {"Ctrl"} {"P"}
```astro --- ---
Save Changes S
Print Document Ctrl P
``` ### Input Group You can use the `Kbd` component inside a `InputGroupAddon` component to display a keyboard key inside an input group.
{"⌘"} {"K"}
```astro --- ---
⌘ K
```