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

# DropdownMenuShortcut

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

> Alignment wrapper for the trailing keyboard hint. The nested [KbdGroup.root](/v3/reference/theming/keys/KbdGroup.md#theme-key-KbdGroup-root) owns the chord.

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

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/DropdownMenuShortcut.md#theme-key-DropdownMenuShortcut-root) | `ml-auto inline-flex items-center pl-2` | Alignment wrapper for the trailing keyboard hint. The nested [KbdGroup.root](/v3/reference/theming/keys/KbdGroup.md#theme-key-KbdGroup-root) owns the chord. |
| [group](/v3/reference/theming/keys/DropdownMenuShortcut.md#theme-key-DropdownMenuShortcut-group) |  | Local grouping for parsed shortcut chords inside menu rows. |
| [kbd](/v3/reference/theming/keys/DropdownMenuShortcut.md#theme-key-DropdownMenuShortcut-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 menu rows. |

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

## root

> Alignment wrapper for the trailing keyboard hint. 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/navigation/DropdownMenuShortcut.theme.js:16`

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

## group

> Local grouping for parsed shortcut chords inside menu rows.

Default classes:

Source: `client/lib/theme/vueda-tailwind/navigation/DropdownMenuShortcut.theme.js:20`

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

## kbd

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

Default classes:

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

Source: `client/lib/theme/vueda-tailwind/navigation/DropdownMenuShortcut.theme.js:24`