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