riverty-angular-wrappers

Version:

Set of Angular component wrappers for Riverty Design System web-components.

30 lines (22 loc) • 1.59 kB

Markdown

# riverty-angular-wrappers This package contains Stencil-generated Angular component wrappers for [Riverty Design System](https://riverty.design) web-components, allowing Stencil-based components to be used within an Angular application. This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 15.2.0. ## How to use it 1. Install [Web Components](https://riverty.design/develop/components/) and [CSS Framework](https://riverty.design/develop/css-framework). In your Angular workspace folder, run: ```cli npm install --save-dev @riverty/web-components @riverty/css-framework ``` 2. Apply the CSS by importing it into `your-ng-app/src/styles.css` or another global stylesheet used in your project: ```css @import "@riverty/css-framework/lib/riverty.css"; ``` 3. Install the Angular Wrappers package. In your Angular workspace folder, run: ```cli npm install riverty-angular-wrappers ``` 4. Add `WrappersModule` to the Angular module `imports:[]` where you plan to use Riverty Design System components. 5. Start using Riverty Design System web components in `your-ng-app.component.html` or wherever you prefer to use them.