@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

Dependencies (1)

Dev Dependencies (0)

    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