Fundamental-react

React.JS components for SAP Fiori Fundamentals

• Playground
• npm package fundamental-react

Description

Fundamental-react is a set of React components implementation of SAP Fiori Fundamentals library. SAP Fiori Fundamentals library is a Design System and HTML/CSS Component Library used to build modern Product User Experiences with the SAP look and feel. This will allow you to stay/use React for your application and get SAP look and feel. Fundamental-react is an open source library and it is open for contribution as long as you follow certain rules/guidelines.

Requirements

To download and use Fundamental-react library, you first need to install the node package manager. https://www.npmjs.com/get-npm

Some prior knowledge of React is required for using this library.

Available Scripts (Associated with Create React App)

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will automatically reload on changes.
Lint errors are shown in the console.

npm test

Launches the test runner in the interactive watch mode.

npm run build

Builds the app for production to the build folder.

Download and Installation

1. Download Fundamental UI:

npm install --save fundamental-ui

2. Include the Fundamental UI CSS in your React application. In your App.css or App.scss file include the following lines:

@import '../node_modules/fundamental-ui/scss/icons/' @import '../node_modules/fundamental-ui/dist/fonts/' @import '../node_modules/fundamental-ui/scss/all.scss'

Known Issues

Click here to view the current issues.

How to obtain support

If you encounter an issue, you can create a ticket

Contributing

If you want to contribute, please check the CONTRIBUTING.md documentation for contribution guidelines.

License

Copyright (c) 2018 SAP SE or an SAP affiliate company. All rights reserved. This file is licensed under the Apache Software License, v. 2 except as noted otherwise in the LICENSE file