More Premium Hugo Themes Premium Html Themes

Fundamental

Fundamental Library - SAP Design System Component Library

Fundamental

Fundamental Library - SAP Design System Component Library

Author Avatar Theme by sap
Github Stars Github Stars: 269
Last Commit Last Commit: Mar 6, 2025 -
First Commit Created: Dec 18, 2023 -
default image

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:

  1. CDN:

    • Include the fully compiled, minified library via CDN in your application.
  2. 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.
  3. 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

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.