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