DS-195

.storybook/preview.ts

@@ -2,11 +2,13 @@ import { applicationConfig, Preview } from '@storybook/angular';
 import { setCompodocJson } from '@storybook/addon-docs/angular';
 import docJson from '../documentation.json';
 import { providePrimeNG } from 'primeng/config';
+import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
+
 import Preset from '../src/prime-preset/theme.preset';
-setCompodocJson(docJson);
 
-import '!style-loader!css-loader!postcss-loader!sass-loader!../node_modules/@tabler/icons-webfont/dist/tabler-icons.min.css';
-import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
+import '!style-loader!css-loader!postcss-loader!sass-loader!../src/styles.scss';
+
+setCompodocJson(docJson);
 
 const preview: Preview = {
   decorators: [

.storybook/tsconfig.json

@@ -5,6 +5,6 @@
     "allowSyntheticDefaultImports": true,
     "resolveJsonModule": true
   },
-  "include": ["../src/stories/**/*.stories.*", "./preview.ts"],
+  "include": ["../src/stories/**/*.stories.*", "./preview.ts", "../src/prime-preset/**/*"],
   "files": ["./typings.d.ts"]
 }

src/app/app.config.ts

@@ -2,7 +2,22 @@ import { ApplicationConfig, provideBrowserGlobalErrorListeners, provideZonelessC
 import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';
+import { providePrimeNG } from 'primeng/config';
+import Preset from '../prime-preset/theme.preset';
 
 export const appConfig: ApplicationConfig = {
-  providers: [provideBrowserGlobalErrorListeners(), provideZonelessChangeDetection(), provideRouter(routes)]
+  providers: [
+    provideBrowserGlobalErrorListeners(),
+    provideZonelessChangeDetection(),
+    providePrimeNG({
+      theme: {
+        preset: Preset,
+        options: {
+          darkModeSelector: false,
+          cssLayer: false
+        }
+      }
+    }),
+    provideRouter(routes)
+  ]
 };

src/app/app.html

@@ -0,0 +1 @@
+<p-button label="Label"></p-button>

src/app/app.ts

@@ -1,9 +1,9 @@
 import { Component, signal } from '@angular/core';
-import { RouterOutlet } from '@angular/router';
+import { Button } from 'primeng/button';
 
 @Component({
   selector: 'app-root',
-  imports: [RouterOutlet],
+  imports: [Button],
   templateUrl: './app.html',
   styleUrl: './app.scss'
 })