JumpNav

function JumpNav(__namedParameters): Element;

Vim-style quick-jump navigation to any focusable element.

Press the activation key (default Ctrl+O) to overlay hint labels next to every visible focusable element. Then press the hint character(s) to instantly focus that element.

Trap-aware — automatically scopes hints to the active FocusScope trap (e.g. a modal). Place a single <JumpNav> at the root of your app.

Parameters

Parameter	Type
__namedParameters	JumpNavProps

Returns

Element

Example

function App() {
  return (
    <JumpNav>
      <Box>
        <Input placeholder="Name" />
        <Button label="Submit" onPress={submit} />
      </Box>
    </JumpNav>
  );
}

---

Properties

Property	Type	Description
activationKey?	string	Keybind to activate jump mode (default: “ctrl+o”)
children?	ReactNode	-
debug?	boolean	Enable debug logging
enabled?	boolean	Whether jump nav is enabled (default: true)
hintBg?	Color	Color for hint background (default: “yellow”)
hintChars?	string	Characters to use for hints (default: “asdfghjklqwertyuiopzxcvbnm”)
hintFg?	Color	Color for hint text (default: “black”)
hintStyle?	Style	Style for the hint labels