Fundamental

screenshot of Fundamental
html
scss

Fundamental Library - SAP Design System Component Library

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
html
HTML

HTML templates are pre-designed and pre-built web pages that can be customized and used as a basis for building websites. They often include common elements such as headers, footers, menus, and content sections, and can be easily edited using HTML and CSS to fit specific branding and content needs.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

Stylelint

Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.