UI Components

Getting started

Noldova's interface kit: the design tokens, the fonts, the icons and the Angular components that Noldova's products build their interfaces from.

Install

Add the package at an exact version, with the peers it names.

npm install --save-exact @noldova/ui.components.angular

Load the styles

Add the kit's theme and its stylesheet to the app's global styles; the page then follows the system's light or dark mode.

"styles": [
  "@noldova/ui.components.angular/styles/theme.css",
  "@noldova/ui.components.angular/styles/kit.css"
]

Use a component

Import a component by name from the package, as each component's page shows.

import { ButtonComponent } from "@noldova/ui.components.angular";