Skip to content
React components implementation of SAP Fundamental Styles design guideline. The library is aiming to provide a React implementation of the components designed in Fundamental Styles design system.
JavaScript CSS Other
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github feat: switch to using Fundamental Styles repo (#566) Jun 7, 2019
.storybook feat: wrap all components with withStyles HOC (#749) Oct 1, 2019
__mocks__ feat: Use popper for popovers (#467) Mar 15, 2019
assets Adds in the documentation an example with background image Dec 11, 2018
ci-scripts fix: add build:copy-files after standard version has run (#777) Oct 25, 2019
config feat: wrap all components with withStyles HOC (#749) Oct 1, 2019
devtools feat: wrap all components with withStyles HOC (#749) Oct 1, 2019
public docs: Site layout, Page templates, TOC (#452) Mar 4, 2019
scripts split tests for treeview and deleted scripts file May 7, 2019
src feat: refactor input group (#767) Oct 17, 2019
.editorconfig fix: add editor config file Jan 18, 2019
.eslintignore chore: update docs pages with preamble, update nav (#341) Feb 1, 2019
.eslintrc fix: revert react-dev-utils breaking changes dep bump (#636) Jun 28, 2019
.gitignore feat: upgrade to fundamental-styles 0.2.0 (#742) Sep 17, 2019
.size-limit feat: wrap all components with withStyles HOC (#749) Oct 1, 2019
.stylelintrc.yml fix: init Stylelint for CSS (#472) Mar 19, 2019
.travis.yml fix: temporarily disable coveralls (#417) Feb 18, 2019
CHANGELOG.md chore(release): version 0.7.2-rc.0 build 2952 [ci skip] Nov 12, 2019
LICENSE.txt Create LICENSE.txt Sep 13, 2018
NOTICE.txt fix: add slack badge; update notice date; move contrib (#213) Jan 16, 2019
README.md feat: upgrade to fundamental-styles 0.2.0 (#742) Sep 17, 2019
babel.config.js fix: update publish (#776) Oct 25, 2019
netlify.toml chore: changes needed for Netlify PR previews (#500) Apr 12, 2019
package-lock.json chore(release): version 0.7.2-rc.0 build 2952 [ci skip] Nov 12, 2019
package.json chore(release): version 0.7.2-rc.0 build 2952 [ci skip] Nov 12, 2019

README.md

Fundamental React

npm version Minified Size Minzipped Size Build Status Coverage Status Slack

Description

The fundamental-react library is a set of React components built using SAP Fundamental Styles.

The SAP Fundamental Styles library is a design system and HTML/CSS component library used to build modern product user experiences with the SAP look and feel.

API Reference

See Component Documentation for examples and API details.

Requirements

You will need to install Node and Node Package Manager.

Getting Started

For an existing react application, follow the steps below:

  1. Install fundamental-react.

    npm install fundamental-react
    
  2. All components are currently packaged together with their respective css, you will need to edit your webpack configuration to handle these files. See css-loader.

  3. Import components as needed. See Component Documentation for examples and API details.

    import { Alert } from 'fundamental-react/Alert';

    or

    import { Alert } from 'fundamental-react';

    NOTE: Importing from specific component is recommended. Doing so will bring in only the component you are using instead of the whole library, which will reduce your bundle size significantly.

Versioning

The fundamental-react library follows Semantic Versioning. These components strictly adhere to the [MAJOR].[MINOR].[PATCH] numbering system (also known as [BREAKING].[FEATURE].[FIX]).

Merges to the master branch will be published as a prerelease. Prereleases will include an rc version (e.g. [MAJOR].[MINOR].[PATCH]-rc.[RC]).

Known Issues

Please see Issues.

Support

If you encounter an issue or want to request a feature, you can create an issue.

Contributing

If you want to contribute, please check the Contribution Guidelines. Also see our Developer Guide to Getting Started.

License

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

Similar Projects

You can’t perform that action at this time.