| commit | 6a64081752cda48e6a2ad5d367f2236280761f02 | [log] [tgz] |
|---|---|---|
| author | MichaelMorris <michael.morris@est.tech> | Thu Mar 24 14:30:38 2022 +0000 |
| committer | Michael Morris <michael.morris@est.tech> | Thu Mar 24 15:38:06 2022 +0000 |
| tree | 74e7a9833ccc811cad2fa9871e5b0652a4de274c | |
| parent | 2901bf981a815f0a7dead96d66ae259b5f649a46 [diff] |
Update INFO.yaml Signed-off-by: MichaelMorris <michael.morris@est.tech> Issue-ID: SDC-3912 Change-Id: I4fe7250cf3afc543e813b1713f7882a71881f6ee
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.).