Overview
SAP Fundamentals is a deprecated library that has been succeeded by Fundamental Styles. With SAP Fundamentals, developers can build consistent Fiori apps in any web-based technology by using the library’s stylesheets and HTML tags. The library is modular, allowing developers to use as little or as much as they need.
Features
- Light-weight presentation layer for building Fiori apps
- Compatible with various UI frameworks such as Angular, React, Vue, etc.
- Modular library that allows flexible usage of individual components
Installation
To install SAP Fundamentals, you can choose one of the following options:
CDN:
- Include the fully compiled, minified library via CDN in your application.
NPM Package:
- Install the compiled CSS for the full library and modules through NPM.
- The SASS source is also available for advanced customization options.
- Fonts, icons, and compiled CSS are distributed, but not the full project or HTML for specific components.
- For LESS compatible Fiori Fundamentals, see the relevant documentation.
Download and Installation:
- Clone the repository using the git command:
$ git clone https://github.com/SAP/fundamental.git
- Install NPM dependencies:
$ npm install
- Install Ruby gems for the documentation site (navigate to the docs folder):
$ gem install ruby bundler jekyll
- Serve the documentation website locally:
$ npm start
- Serve the development playground locally:
$ npm run start:playground
- Clone the repository using the git command:
Summary
SAP Fundamentals is a deprecated library that has been replaced by Fundamental Styles. It offers a light-weight presentation layer for building consistent Fiori apps in any web-based technology. The library is modular, providing flexibility in usage. Installation options include CDN inclusion, NPM package installation, or downloading and installing the repository.