https://github.com/howtocodewell/header-menu
The header menu of How To Code Well which is shared across sites
https://github.com/howtocodewell/header-menu
Last synced: 3 months ago
JSON representation
The header menu of How To Code Well which is shared across sites
- Host: GitHub
- URL: https://github.com/howtocodewell/header-menu
- Owner: howToCodeWell
- License: mit
- Created: 2019-12-16T16:53:39.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-03-15T04:10:01.000Z (almost 3 years ago)
- Last Synced: 2025-02-26T15:08:01.858Z (11 months ago)
- Language: JavaScript
- Size: 1.63 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# How To Code Well header-menu
The header menu of How To Code Well which is shared across multiple sites
# Install
```bash
$ npm install --save @howtocodewell/header-menu
```
```bash
$ npm run build
```
## Usage
1) Create the following config file in `/src/config/headerMenu.json` and change `name` and `url` values.
```json
{
"items": [
{
"name": "Overriden",
"url": "https://howtocodewell.net/merch"
},
{
"name": "Courses",
"url": "https://howtocodewell.net/shop"
},
{
"name": "Tutorials",
"url": "https://howtocodewell.net/courses"
},
{
"name": "Orders",
"url": "https://codechallenges.howtocodewell.net"
}
]
}
```
2) Import the module and config
```javascript
import HeaderMenu from "@howtocodewell/header-menu"
import menu from "./config/headerMenu.json"
```
3) Load the `HeaderMenu` and pass the menu property
```javascript
```