JCK Navigation
Usage
const languageLinks = {
en: '/en',
nl: '/'
};
<Navigation absoluteDomain="//jck.nl"
langLinks={languageLinks}
language={this.state.language}
pages={p.pages}
menuShown={this.state.menuShown}
toggle={this._toggleMenu}
hide={this._hideMenu} />Options
| Property | Type | Description |
|---|---|---|
| absoluteDomain | String | Websites other than jck.nl should set this to "//jck.nl" |
| hide | Function | Callback function to set the menuShown property to false |
| language | String | Language (eg: 'en') |
| languageSelectorOptions | Object | Options to pass to LanguageSelector |
| menuShown | Boolean | If true, the menu will expand outwards. |
| pages | Array | Menu structure. Should be result from menu API endpoint. DEPRECIATED. |
| toggle | Function | Callback function to toggle the menuShown property |
Building the library
This library component is based off the create-react-library starter kit. The build asset is an exportable module:
npm run build or yarn run build
This can be published to npm by bumping up the version number in package.json and running:
npm publish
Developing the library
Fire up a development environment based off src/demo/index.js:
HTTPS=true yarn start