@ditpsoftware/woco-ui
TypeScript icon, indicating that this package has built-in type declarations

0.0.17 • Public • Published

woco-ui

Library for rendering woco innovations's Blueriq runtime.

Include in any Angular module

Add the WocoUiModule to your Angular module and place the <woco-ui /> component in the required place.

import { NgModule } from '@angular/core'
import { BrowserModule } from '@angular/platform-browser'
import { WocoUiModule } from '@ditpsoftware/woco-ui'

import { AppComponent } from './app.component'

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, WocoUiModule],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}

Add to the template

<woco-ui todo='todo' [todo2]='todo'></woco-ui>

Override styles

The Woco UI utilizes css-variables and thus makes it easy to override branding and styling at runtime if required.

Also classes are available to directly override behaviour. All classes are prefixed with woco- and components are not view encapsulated (ViewEncapsulation.None), meaning these classes are registered directly into the main DOM.

/* CSS examples */

.woco-renderer {
  border: 1px dashed black;
  padding: 1rem;

  /* override variables */
  --color-primary: blue;
  --space-unit-size: 16px;
}

All CSS variables

TODO

Readme

Keywords

none

Package Sidebar

Install

npm i @ditpsoftware/woco-ui

Weekly Downloads

2

Version

0.0.17

License

MIT

Unpacked Size

764 kB

Total Files

206

Last publish

Collaborators

  • ynte
  • hansregeer
  • ericjansen82
  • barts
  • uily
  • nick.plooij