QruzoUi

This library was generated with Angular CLI version 18.2.0.

Code scaffolding

Run ng generate component component-name --project qruzo-ui to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module --project qruzo-ui.

Note: Don't forget to add --project qruzo-ui or else it will be added to the default project in your angular.json file.

Build

Run ng build qruzo-ui to build the project. The build artifacts will be stored in the dist/ directory.

Publishing

After building your library with ng build qruzo-ui, go to the dist folder cd dist/qruzo-ui and run npm publish.

Styles and themes

The current visual design is the default theme. Consumers do not need to change anything to keep the existing look.

Add the library stylesheet to your app:

"styles": [
  "node_modules/qruzo-ui/styles/index.scss"
]

To enable dark theme, wrap the app or a section with either:

<div class="qz-theme-dark">
  ...
</div>

or:

<div data-qz-theme="dark">
  ...
</div>

Use .qz-theme-light or data-qz-theme="light" only if you need to force the default theme inside a nested area.

Running unit tests

Run ng test qruzo-ui to execute the unit tests via Karma.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.