CommandShortcut
Source: client/lib/theme/vueda-tailwind/controls/index.js
Alignment wrapper for the trailing keyboard hint on a CommandItem.root.
ml-autopushes the hint flush right while the nested KbdGroup.root owns the chord.
Vue component: CommandShortcut
| Slot | Default classes | Description |
|---|---|---|
| root | ml-auto inline-flex items-center pl-2 | 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. |
| group | Local grouping for parsed shortcut chords inside command rows. | |
| kbd | h-[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-autopushes 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