Momentum UI Core
@momentum-ui/core
Momentum UI Core is a UI framework for implementing Cisco Momentum Design into web apps and sites.
Table of Contents
Install
Install and manage the Momentum UI Core using NPM. You may use yarn or npm. By default, yarn/npm installs packages to node_modules/.
npm install @momentum-ui/core --save
or
yarn add @momentum-ui/core
Usage
CSS
- Copy the "@momentum-ui/core/fonts" directory to the "fonts" directory for your site.
- Copy the "@momentum-ui/core/images" directory to the "images" directory for your site.
- Copy the "@momentum-ui/core/css/momentum-ui.min.css" to your styles/css directory.
- In the
<head>of your HTML reference the location of your momentum-ui.min.css.
<link rel="stylesheet" href="path/to/momentum-ui/css/momentum-ui.min.css">
Scss
- Copy the "@momentum-ui/icons/fonts" directory to the "fonts" directory for your site.
- Add an "$brand-font-folder, $icon-font-path, and $images-path" variables to your app's variables.scss file.
$brand-font-folder: 'path/to/fonts/directory';
$icon-font-path: 'path/to/fonts/directory';
$images-path: 'path/to/images/directory';
- Import "@momentum-ui/core/scss/momentum-ui.scss" into your main entry Scss file AFTER the variables.
@import '~@momentum-ui/core/scss/momentum-ui';
- Compile your Scss using your static compiler or bundler (Webpack, Grunt, Gulp, etc.)
Contribute
PRs accepted.
License
© 2014-2020 Cisco and/or its affiliates. All Rights Reserved.