1.0.0 • Published 2 years ago
astm-member-app-left-navigation v1.0.0
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
1.0.0
2 years ago
0.2.11
4 years ago
0.2.10
4 years ago
0.2.9
4 years ago
0.2.8
4 years ago
0.2.7
4 years ago
0.2.6
4 years ago
0.2.5
4 years ago
0.2.4
5 years ago
0.2.3
5 years ago
0.2.2
5 years ago
0.2.1
5 years ago
0.2.0
5 years ago
0.1.5
5 years ago
0.1.4
5 years ago
0.1.3
5 years ago
0.1.2
5 years ago
0.1.1
5 years ago
0.1.0
5 years ago