---
url: "https://vueda.dev/v3/reference/theming/keys/CommandShortcut.md"
title: "CommandShortcut"
---

# CommandShortcut

Source: `client/lib/theme/vueda-tailwind/controls/index.js`

> Alignment wrapper for the trailing keyboard hint on a [CommandItem.root](/v3/reference/theming/keys/CommandItem.md#theme-key-CommandItem-root). `ml-auto` pushes the hint flush right while the nested [KbdGroup.root](/v3/reference/theming/keys/KbdGroup.md#theme-key-KbdGroup-root) owns the chord.

Vue component: [CommandShortcut](/v3/reference/api/vue/CommandShortcut.md)

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/CommandShortcut.md#theme-key-CommandShortcut-root) | `ml-auto inline-flex items-center pl-2` | Alignment wrapper for the trailing keyboard hint on a [CommandItem.root](/v3/reference/theming/keys/CommandItem.md#theme-key-CommandItem-root). `ml-auto` pushes the hint flush right while the nested [KbdGroup.root](/v3/reference/theming/keys/KbdGroup.md#theme-key-KbdGroup-root) owns the chord. |
| [group](/v3/reference/theming/keys/CommandShortcut.md#theme-key-CommandShortcut-group) |  | Local grouping for parsed shortcut chords inside command rows. |
| [kbd](/v3/reference/theming/keys/CommandShortcut.md#theme-key-CommandShortcut-kbd) | `h-[18px] min-w-[18px] px-1 text-[10px]` | Local sizing for nested [Kbd.root](/v3/reference/theming/keys/Kbd.md#theme-key-Kbd-root) chips inside command rows. |

<a id="theme-key-CommandShortcut-root"></a>

## root

> Alignment wrapper for the trailing keyboard hint on a [CommandItem.root](/v3/reference/theming/keys/CommandItem.md#theme-key-CommandItem-root). `ml-auto` pushes the hint flush right while the nested [KbdGroup.root](/v3/reference/theming/keys/KbdGroup.md#theme-key-KbdGroup-root) owns the chord.

Default classes:

`ml-auto inline-flex items-center pl-2`

Source: `client/lib/theme/vueda-tailwind/controls/CommandShortcut.theme.js:16`

<a id="theme-key-CommandShortcut-group"></a>

## group

> Local grouping for parsed shortcut chords inside command rows.

Default classes:

Source: `client/lib/theme/vueda-tailwind/controls/CommandShortcut.theme.js:20`

<a id="theme-key-CommandShortcut-kbd"></a>

## kbd

> Local sizing for nested [Kbd.root](/v3/reference/theming/keys/Kbd.md#theme-key-Kbd-root) chips inside command rows.

Default classes:

`h-[18px] min-w-[18px] px-1 text-[10px]`

Source: `client/lib/theme/vueda-tailwind/controls/CommandShortcut.theme.js:24`