React 17.x and PrimeReact 7.x
"npm install" or "yarn"
Next step is running the application using the start script and navigate to http://localhost:3000/ to view the application. That is it, you may now start with the development of your application using the Sakai template.
"npm run dev" or "yarn dev"
Dependencies of Sakai are listed below and needs to be defined at package.json.
"primereact": "^8.6.0", //required: PrimeReact components "primeicons": "^6.0.1", //required: Icons "primeflex": "^3.2.1", //required: Utility CSS classes "react-transition-group": "^4.4.1", //required: PrimeReact animations
Sakai consists of a couple folders, demos and core has been separated so that you can easily remove what is not necessary for your application.
Main menu is defined at AppMenu.js file based on MenuModel API.
Only the folders that are related to the layout needs to move in to your project. We've created a short tutorial with details.
Sakai theming is based on the PrimeReact theme being used. Default theme is lara-light-indigo.
In case you'd like to customize the main layout variables, open _variables.scss file under src/layout folder. Saving the changes will be reflected instantly at your browser.
/* General */ $scale:14px; /* initial font size */ $borderRadius:12px; /* border radius of layout element e.g. card, sidebar */ $transitionDuration:.2s; /* transition duration of layout elements e.g. sidebar */