Momentum UI React

Momentum React v2 is a resuable, component based, flexible React library available as npm module. It provides set of UI components and utilities based on Momentum Design.

The git repo can be cloned from https://github.com/momentum-design/momentum-react-v2.

Checkout the documentation for documentation and live examples.

Goals

• Independent — pick and use only the components you need.
• Styled — override styles of components by className and style properties.
• Customizable — properties allow many different config options to suit your app.
• Performant - high performance guaranteed with use of CSS3 Flexbox and non-bloated architecture.
• Reliable — each component is rigorously tested.

Getting Started

This module is currently not published on npm. To use it, build and host it somewhere then alias @momentum-ui/react (the old monorepo) to the new module location.

Step 2. Import Momentum UI React components in your app

Use ES6 import statement to import the component that you want to use:

import { Button } from '@momentum-ui/react';
// or
import Button from from '@momentum-ui/react/button';
...
...

<div className="container">
  <Button name="primary" size="large">Welcome to Momentum UI React !</Button>
</div>

Tools & Frameworks

Package manager

• yarn - BSD-2-Clause

Base framework

• react - MIT

• react-dom - MIT

Momentum Design System Look & Feel

• @momentum-ui/core - MIT
• @momentum-ui/icons - MIT

ES6 Minifier

• babili - MIT

ES6 Lint

• eslint - MIT

CSS/SCSS Lint

• stylelint - MIT

CSS Utility Tool

• normalize - MIT

• postcss - MIT

JsUnit Testing framework

• jest - BSD-3-Clause

• enzyme - MIT

Contribution

Want to contribute? Why not go through Developer's Guide to understand more technical details about the project and contribution guidelines to be adhered.

Changelog

The changelog can be found here.

Copyright

Copyright (c) 2021 Cisco Systems