| commit | 6d9d1fd60107ec80b0c6ddad5e800bc8b9f976e5 | [log] [tgz] |
|---|---|---|
| author | ChrisC <christophe.closset@intl.att.com> | Tue Oct 27 11:40:10 2020 +0100 |
| committer | ChrisC <christophe.closset@intl.att.com> | Tue Oct 27 11:53:08 2020 +0100 |
| tree | eeca5dff62acdaba43450fa518eb47df7df93bde | |
| parent | 1640b5797049ec9276983bb1487c4da69d5076f7 [diff] |
Update INFO.yaml Add new SDC committers Issue-ID: SDC-3334 Signed-off-by: ChrisC <christophe.closset@intl.att.com> Change-Id: I0fec30dbeab3781d55d18c8ef469bc3296e15dd8
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.).