@ditpsoftware/woco-ui

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