DuxtShortcutsTrigger
The button that opens the shortcut sheet.
The keyboard icon beside the search. It opens
DuxtShortcuts, the same sheet
? opens.
Usage
<DuxtShortcutsTrigger />
API
No props.
Notes
? opens the list of keys, and a reader can only press it if they already know
the list is there. That circle is what this button breaks, so the header draws
it on every page. Below lg the header hides it, because a touch screen has no
keyboard shortcuts to show: DuxtHeader passes hidden lg:inline-flex, and the
component itself carries no responsive class.
It is also the sheet's only entry point on a site with
shortcuts.singleCharacter: false, where there is no ? binding left at all —
drop it from an overridden header and the sheet becomes unreachable. It draws the
key it duplicates through hint('help'), so it says nothing about ? on a site
that unbound it. See Keyboard shortcuts.