@aiao/rxdb-model-angular

Angular UI components for RxDB Model.

Styles

Components use Tailwind CSS + daisyUI class names. There are two ways to set up styles depending on your project:

Option A: No Tailwind CSS (pre-compiled CSS)

Import the bundled CSS file that contains all required styles:

// angular.json or project.json
{
  "styles": [
    "@aiao/rxdb-model-angular/styles.css"
  ]
}

This includes Tailwind CSS reset, utilities, daisyUI components, and light / dark themes.

Option B: Tailwind CSS + daisyUI (recommended)

If your project already uses Tailwind CSS 4 + daisyUI 5, add a @source directive to scan this library:

/* your app's styles.css */
@import 'tailwindcss';
@plugin 'daisyui';
@source '../node_modules/@aiao/rxdb-model-angular';

This way Tailwind will detect the class names used by the library and include them in your project's CSS output. Do NOT import styles.css in this case — it would cause duplication.

Running unit tests

Run nx test rxdb-model-angular to execute the unit tests.