| commit | fa904c03e4cade40cad0b5cc4d6402f834da9cc6 | [log] [tgz] |
|---|---|---|
| author | ChrisC <christophe.closset@intl.att.com> | Tue Apr 20 14:56:59 2021 +0200 |
| committer | ChrisC <christophe.closset@intl.att.com> | Tue Apr 20 14:56:59 2021 +0200 |
| tree | c905fa927fda02228ed7c2238882c42e526f72cb | |
| parent | 8778d957f43328cb0a18a9de3d8d3036627472eb [diff] |
Update INFO.yaml Add new committer Issue-ID: SDC-3544 Signed-off-by: ChrisC <christophe.closset@intl.att.com> Change-Id: I8c4a1c04ad3f57ed397c0418f927f82738755c04
This project aims to create a unified UI styled components for multiple development teams who work on the same web-based applications. This repository contains the definition of all the basic widgets and reusable controllers.
Note: the project is build of 3 different projects:
To start using this library you need to install 2 libraris:
npm install --save-dev onap-ui-angular npm install --save-dev onap-ui-common
The main CSS file is defined in onap-ui-common library. There are several options to link it to your project:
You can add this line to src/style.css file:
@import "node_modules/onap-ui-common/lib/style.css";
Angular CLI project has angular.json file, that defines location of styles files. By default angular.json contains the following definition:
"styles": [ "src/styles.css" ],
So you can add to src/styles.css import of onap-ui-common styles.
<link rel="stylesheet" href="node_modules/onap-ui-common/lib/style.css">
import 'onap-ui-common/lib/style.css';
onap-ui-common also contains to SCSS files: variables.scss mixins.scss
You can import these files to your project and get the same color scheme and variables line onap-ui-common.
import { SdcUiComponentsModule, SdcUiComponents } from 'onap-ui-angular'; @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, FormsModule, HttpModule, SdcUiComponentsModule ], providers: [ SdcUiComponents.ModalService ], bootstrap: [AppComponent] }) export class AppModule { }
The components in this library are displayed via storybook. Head to http://onap-sdc.github.io/onap-ui-angular to see the components that are in master.
While developing, just run npm run storybook in your terminal to launch a local storybook server where you can see your changes. For deploying storybook to your own fork repository, refer to the guides section below.
Deploying storybook to a fork's github pages
For bugs and issues, please use the issues page
Contribution can be made only by following these guide lines
React & Angular framework libraries. Hence, every change in the basic HTML files structure, must be followed by changes on react and angular projects (onap-ui-angular, onap-ui-react).Bootstrap, Material, Foundation... etc.).