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

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2