0.2.11 • Published 1 year ago
@astm/astm-member-app-left-navigation v0.2.11
ASTM Navigation Menu
The component is to show Left Navigation for Member Facing APP.
Installation
npm i astm-member-app-left-navigation --save
Setup Project
Create React Project and install all peerDependencies.
$ npx create-react-app project_name
$ cd project_name
$ npm i react-router-dom bootstrap react-bootstrap astm-ux-design-system lodash --save
Integrate ASTM Navigation
Create React Project and install all peerDependencies.
$ npm i astm-member-app-left-navigation --save
Load bootstrap
and astm-ux-design-system
css files and import astm-member-app-left-navigation
.
import 'bootstrap/dist/css/bootstrap.min.css';
import 'astm-ux-design-system/dist/bundle.css';
import LeftMenu from 'astm-member-app-left-navigation';
Render the ASTM Navigation Menu
<LeftMenu
memberHost="" // hostname of member app
isMemberApp={true} // true for member app to render Link instead of anchor tag
activePath={activePath} // path of current page
entitlementList={entitlementList} // entitlement list
getMenuMappedList={this.getMenuMappedList} // to get menu list as JSON to render menu in header
customMenu={customMenu}
userObj={{ // user information
accountNumber: "",
name: "",
email: "",
organizationName: "",
FacilityName: "
}}
globalLinksURL={{ // third-party links
profile: "",
membership: "",
campus: "",
meetingsSymposia: "",
subscription: "",
orders: "",
tracker: ""
}}
/>
Peer Dependencies
ASTM Navigation Menu depends on following dependencies:
- react
- react-dom
- react-router-dom
- bootstrap
- react-bootstrap
- astm-ux-design-system
- lodash
License
ASTM
0.2.11
1 year ago