Angular Tools

Basic utilities for working with Angular

Setup

Styles

When using the library make sure to import the styles. There is also an optional CSS reset file you can include.

@use "@juulsgaard/ngx-tools/styles/reset"; // Options CSS Reset
@use "@juulsgaard/ngx-tools"; // All styles for NGX Tools

Theme

If you want to customise the theming, then make sure to register custom theming values using /theme like so:

@use '@juulsgaard/ngx-tools/theme' as theme;

:root {
  @include theme.ngx-light-theme(
      $primary: #455a64,
      $accent: #8d6e63,
      $background: #f0f0f0,
      $foreground: #FFFFFF
  );
}

All values are optional. The values shown for the default values for the light theme.

You can also use a dark theme like so:

@use '@juulsgaard/ngx-tools/theme' as theme;

:root {
  @include theme.ngx-dark-theme(
      $primary: #7986cb,
      $accent: #ff4081,
      $background: #121212,
      $foreground: #191919
  );
}