# preact-nav-helper

**Repository Path**: mirrors_developit/preact-nav-helper

## Basic Information

- **Project Name**: preact-nav-helper
- **Description**: Preact component for catching and handling internal links in your application.
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-08
- **Last Updated**: 2026-05-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# preact-nav-helper

![](https://img.shields.io/npm/dm/preact-nav-helper.svg)![](https://img.shields.io/npm/v/preact-nav-helper.svg)![](https://img.shields.io/npm/l/preact-nav-helper.svg)

Preact component for catching and handling internal links in your application.

Wrap your root application in this component and you can use regular plain ol' `<a>` tags in your application code but still handle the ones that are "internal" to the application using your application logic.

Very importantly, it will not mess with browser capabilities, so it will not handle control clicks, right clicks, or tags with a `target="_blank"` attribute, etc.

## install

```
npm install preact-nav-helper
```

## example

```javascript
const NavHelper = require("preact-nav-helper");

const YourRootComponent = () => {
  <NavHelper onInternalNav={doUpdateUrl}>
    <h1>Your app</h1>
    <a href="/">Some internal link</a>
    <a href="/other" target="_blank">Some internal link that should open in new window</a>
    <a href="http://joreteg.com">An external link, it will not try to handle this</a>
  </NavHeler>
};
```

## credits

If you like this follow [@HenrikJoreteg](http://twitter.com/henrikjoreteg) on twitter.

## license

[MIT](http://mit.joreteg.com/)