# aitomic-m-nav-header

> A template of macro {control} to display site navigation. Import {latte} block from the template stored in folder 'control' to 'menuControl.latte' before condition of variable `$menuDepth` using macro `{import '../path-to-latte-template'}` and declare thi

Latest version **2.0.0** (published 2024-10-14) · SEE LICENSE IN license.txt license · 0 weekly downloads

## Install

```sh
npm install aitomic-m-nav-header
pnpm add aitomic-m-nav-header
yarn add aitomic-m-nav-header
bun add aitomic-m-nav-header
```

## Health

**Score 25/100 (F)** — status: maintenance-mode.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.0 |
| Published | 2024-10-14 |
| First published | 2019-01-21 |
| Weekly downloads | 0 |
| License | SEE LICENSE IN license.txt |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 11.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Aitom Digital s.r.o. |
| Maintainers | aitom |

## Links

- npm: https://www.npmjs.com/package/aitomic-m-nav-header
- npm.io page: https://npm.io/package/aitomic-m-nav-header

## Dependencies (3)

- [aitomic-base](https://npm.io/package/aitomic-base.md) ^2.0.0
- [aitomic-m-nav-mega](https://npm.io/package/aitomic-m-nav-mega.md) ^2.0.0
- [aitomic-m-nav-dropdown](https://npm.io/package/aitomic-m-nav-dropdown.md) ^2.0.0

## Recent versions

- 2.0.0 (latest) — 2024-10-14
- 1.0.4 — 2019-04-08
- 1.0.3 — 2019-03-25
- 1.0.2 — 2019-02-14
- 1.0.1 — 2019-02-13
- 1.0.0 — 2019-01-21

## README

A template of macro {control} to display site navigation. Import {latte} block from the template stored in folder 'control' to 'menuControl.latte' before condition of variable `$menuDepth` using macro `{import '../path-to-latte-template'}` and declare this block as `{include #m-nav-header}`. There are available hooks to customization CSS classes of list, item and link.

The variable 'submenu' has options 'm-nav-dropdown' and 'm-nav-mega' representing style of submenu.

```html
{import '../path-to-latte-template'}

{include #m-nav-header,  submenu => 'm-nav-dropdown', menuClass => '...', itemClass => '...', linkClass => '...'}
```

Do not forget set CSS property `position: relative` to one of parent elements, which define megamenu width.

---
_Source: https://npm.io/package/aitomic-m-nav-header · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._