Skip to content

CommandShortcut ​

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

Alignment wrapper for the trailing keyboard hint on a CommandItem.root. ml-auto pushes the hint flush right while the nested KbdGroup.root owns the chord.

Vue component: CommandShortcut

SlotDefault classesDescription
rootml-auto inline-flex items-center pl-2Alignment wrapper for the trailing keyboard hint on a CommandItem.root. ml-auto pushes the hint flush right while the nested KbdGroup.root owns the chord.
groupLocal grouping for parsed shortcut chords inside command rows.
kbdh-[18px] min-w-[18px] px-1 text-[10px]Local sizing for nested Kbd.root chips inside command rows.

root ​

Alignment wrapper for the trailing keyboard hint on a CommandItem.root. ml-auto pushes the hint flush right while the nested 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

group ​

Local grouping for parsed shortcut chords inside command rows.

Default classes:

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

kbd ​

Local sizing for nested 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